Problème CSS avec Internet Explorer

Le 16/11/2010 15:14, SAM a écrit :

Le 16/11/10 08:40, Lea Gris a écrit :

Bonjour,

Ça fait des jours que j'essaye de trouver pourquoi Internet Explorer 7
s'évertue à donner une largeur excessive au petit menu sur la colonne de
gauche.
Pas de soucis avec Firefox/Webkit/Opera.

Quant à IE6 il m'envoie carrément le menu tout en bas de la page :(

Voici le site en question, cela concerne la page d'accueil, le reste est
en plein travaux.
<http://www.lyceechaptal.fr/>

Si vous avez des idées de ce qui ne va pas, merci pour votre aide.

sidebar : fait 170px de large
et
menu (contenu par sidebar) : fait 400px de large
Là ... faut m'esspliquer la logique du machin ... ? !
Je ne comprends pas que ça n'indispose que IE.7

'menu' est en position relative
mais comme son contenant direct 'sidebar' n'a pas de positionnement,
la position se fera relativement à ... ?

et 'content' ? hein ? 'content', positionné comment ?
Tiens ? il est en float:right ... ?
why ? vu que 'sidebar' est déjà en float:left
Et pourquoi a t-il une largeur ? (imposée de surcroit)
Ya pas déjà un "center" pour régler ces questions de largeurs ?


Tout ça pour dire que "sidebar" n'a pas à être mis en float.
(en tous cas Fx ou Safari ne mouftent pas si on supprime ce float)
... voir si ça répare les IEs ?
(pas encore réinstallé de windows sur mon moins nouveau Mac)
(de même ... je ne sais ce que font ce *.js ou ce *.htc)

Ou alors, "content" n'a pas à être en float,
mail il doit alors être :
- de largeur automatique
- de marge-gauche : 200 px (la place pour sidebar+menu)

Mmm, je vois une bonne piste dans cette observation. Merci SAM.

--
Léa Gris

Le 16/11/10 16:40, Lea Gris a écrit :

Le 16/11/2010 15:14, SAM a écrit :

Le 16/11/10 08:40, Lea Gris a écrit :

Voici le site en question, cela concerne la page d'accueil,
<http://www.lyceechaptal.fr/>
le reste est en plein travaux.

Ou alors, "content" n'a pas à être en float,
mais il doit alors être :
- de largeur automatique
- de marge-gauche : 200 px (la place pour sidebar+menu)

Mmm, je vois une bonne piste dans cette observation. Merci SAM.

à noter, et bien qu'on ne m'ait rien demandé :

- Mes navigateurs téléchargent bien la police je-sais-plus-quoi
(grds renforts de CSS, juste pour 1 ou 2 titres)
mais, personnellement, je ne la trouve pas géniale,
surtout là dans le titre des "news" où elle devient limite lisible
(N O et U apparaissent pareils sous forme d'un pavé)

- Niveau "graphisme" le bandeau haut n'est pas extra-génial, mais ce
n'est pas la peine de le KKbouiller encore plus en le tassant en hauteur.
Mébon, je suppose que c'est juste pour voir ?
Sinon ... c'est cool ... on n'est pas submergé d'images inutiles ;-)

--
Stéphane Moriaux avec/with iMac-intel

Le 16/11/2010 16:07, SAM a écrit :

Le 16/11/10 08:58, Olivier B a écrit :

Le 16/11/2010 08:40, Lea Gris a écrit :

Si vous avez des idées de ce qui ne va pas, merci pour votre aide.

Là, j'admire. Quelqu'un aussi "torturé" que moi !

Je ne sais où tu en es de ta digestion, de ton transit, mais ...
là ... c'est sûr ... c'est de la hôte voltige ...
du genre on a ramassé tt un tas de trucs qu'on a déversé en vrac,
qu'on a tripoté jusqu'à obtenir, au moins avec certains navigateurs, la
présentation espérée.

Je n'ai pas eu le temps de regarder le code. Je n'ai vu que la
déclaration html5 et la page envoyée en xml+application.
Ce qui signifie donc qu'il y a un envoi différent pour IE. Comme je
n'ai pas IE, je n'ai pas cherché au delà.

J'étais juste content de tomber sur quelqu'un capable de faire comme
moi (c'est pas forcément une qualité).

Le seul truc que je vois éventuellement : il me semblait que l'appel
du javascript sauveur d'IE pour html5 "html5.js" devait être appelé
avant le css.

Ça m'étonnerait.

À ce que j'ai compris, ce script ne fait que changer le nom des balises
dites HTML.5 (video, audio, command .... etc.)
et que donc ... ça n'intervient que sur le code HTML
et n'a rien à voir avec les CSS
(ou si ça à voir, elles sont, comme le html, modifiées après coup ?)

J'utilise ce script et n'ai jamais cherché à en voir le résultat. Il
me semble bien qu'il faille le déclarer en 1er sinon IE est vraiment
dans la merde.
Le problème d'IE étant qu'il est incapable de styler une balise qu'il
ne connait pas.
Je ne sais pas trop ce que fait ce js (et je m'en fous), il semble
bien qu'il soit à peu près indispensable si on veut éviter de se
couper complètement de IE.

--
Olivier B

<http://www.usenet-fr.net/fur/usenet/repondre-sur-usenet.html>

Le 17/11/10 01:17, Olivier B a écrit :

Le 16/11/2010 16:07, SAM a écrit :

Le 16/11/10 08:58, Olivier B a écrit :

Là, j'admire. Quelqu'un aussi "torturé" que moi !

Je ne sais où tu en es de ta digestion, de ton transit, mais ...

Je n'ai pas eu le temps de regarder le code. Je n'ai vu que la
déclaration html5 et la page envoyée en xml+application.
Ce qui signifie donc qu'il y a un envoi différent pour IE. Comme je
n'ai pas IE, je n'ai pas cherché au delà.

Je ne pense pas, vu qu'on trouve sur la page de Léa :
<!--[if IE]>
par exemple.

J'étais juste content de tomber sur quelqu'un capable de faire comme
moi (c'est pas forcément une qualité).

Je suppose que c'est une approche de la future migration vers html.5 ?

Le seul truc que je vois éventuellement : il me semblait que l'appel
du javascript sauveur d'IE pour html5 "html5.js" devait être appelé
avant le css.

Ça m'étonnerait.

Ha! erreur !
J'avais compris que ça devait seulement être dans le HEAD,
mais là où je suis allé me renseigner :
<http://code.google.com/p/html5shiv/>
ils précisent bien en + : "above CSS"

autre source :
<http://remysharp.com/2009/01/07/html5-enabling-script/>

À ce que j'ai compris, ce script ne fait que changer le nom des balises
dites HTML.5 (video, audio, command .... etc.)
et que donc ... ça n'intervient que sur le code HTML

C'était presque ça :
<http://ejohn.org/blog/html5-shiv/>
bien qu'ici le script soit "below" les CSS ...

Je ne sais pas trop ce que fait ce js (et je m'en fous),

Bon ... tant pis !

il semble bien qu'il soit à peu près indispensable
si on veut éviter de se couper complètement de IE.

Seulement si on utilise les nouvelles balises du html.5

--
Stéphane Moriaux avec/with iMac-intel

Le 17/11/2010 02:42, SAM a écrit :

Le 17/11/10 01:17, Olivier B a écrit :

Je n'ai pas eu le temps de regarder le code. Je n'ai vu que la
déclaration html5 et la page envoyée en xml+application.
Ce qui signifie donc qu'il y a un envoi différent pour IE. Comme je
n'ai pas IE, je n'ai pas cherché au delà.

Je ne pense pas, vu qu'on trouve sur la page de Léa :
<!--[if IE]>
par exemple.

Un message d'Olivier Miakinen le confirme : il n'y a pas la
déclaration xml pour IE.
Surtout, IE ne connait pas "xml+application" et les problèmes
d'affichage seraient bien plus voyant dans le cas d'un envoi identique
pour IE.

Pour confirmer, en testant avec un navigateur qui préfère le html au
xml (Konqueror), on reçoit du html : la détection est faite sur les
capacités du navigateur (dans les en-têtes), pas sur son nom.

Là où tu as raison, c'est sur les "<!--[if IE]>" qui sont inutiles si
les navigateurs acceptent le xml : il y a moyen de gagner quelques
octets (pour le fun parce que la page est en gzip et déjà pas bien
lourde).


Pour Léa : il y a des messages en chinois avec des liens sur un
"spips" qui est derrière : ça ne fait probablement pas parti de la
ligne éditoriale. ;)

--
Olivier B

<http://www.usenet-fr.net/fur/usenet/repondre-sur-usenet.html>

Le 17/11/2010 01:11, SAM a écrit :

Le 16/11/10 16:40, Lea Gris a écrit :

Le 16/11/2010 15:14, SAM a écrit :

Le 16/11/10 08:40, Lea Gris a écrit :

Voici le site en question, cela concerne la page d'accueil,
<http://www.lyceechaptal.fr/>
le reste est en plein travaux.

Ou alors, "content" n'a pas à être en float,
mais il doit alors être :
- de largeur automatique
- de marge-gauche : 200 px (la place pour sidebar+menu)

Mmm, je vois une bonne piste dans cette observation. Merci SAM.

à noter, et bien qu'on ne m'ait rien demandé :

- Mes navigateurs téléchargent bien la police je-sais-plus-quoi
(grds renforts de CSS, juste pour 1 ou 2 titres)
mais, personnellement, je ne la trouve pas géniale,
surtout là dans le titre des "news" où elle devient limite lisible
(N O et U apparaissent pareils sous forme d'un pavé)

Concernant la police, c'est industria solid a, qui est la police de la
charte graphique de l'éducation nationale. Tous les logos, et titres
principaux doivent utiliser cette police. Concernant le bloc « NOUVELLES
», il va probablement récupérer un titre h2 ou une CSS car
effectivement, la police industria n'y va pas bien.

- Niveau "graphisme" le bandeau haut n'est pas extra-génial, mais ce
n'est pas la peine de le KKbouiller encore plus en le tassant en hauteur.
Mébon, je suppose que c'est juste pour voir ?

Le bandeau haut a été récupéré en l'état de l'ancienne version du site
avant mon arrivée :) Je l'ai juste allégé et mis en jpeg, la version
d'origine était un énorme GIF pas de meilleure facture. Refaire le
bandeau est dans ma liSte « À faire ».

Sinon ... c'est cool ... on n'est pas submergé d'images inutiles ;-)

Merci pour tes observations et celles de tous les autres.

Je suis arrivée en septembre, pour un an en contrat CUI/CAE à mi-temps.
Missions :
- Rafraîchir le portail (euphémisme)
- Intégrer le contenu à la demande (faut tout faire à la main avec le
système actuel, à partir de documents Office, PDF, scanner et divers
autres formats pas appropriés)
- Intégrer autant que possible l'Environnement Numérique de Travail de
la région Languedoc Roussillon.

Mon métier d'origine est la maintenance réseau et collecte ADSL. Au
départ, le développement Web n'était qu'un passe-temps autodidacte. Même
si j'ai une formation orientée développement à l'origine, mais devenue
obsolète au fil des années (Cobol, GAP, Pascal, C, analyse Merise).

Bref, même si je suis motivée d'apprendre un nouveau domaine,
les missions sont ambitieuses,
le salaire est extra-minimaliste (632€/mois).
Je fais au mieux et probablement plus qu'il faudrait.
Une occasion d'apprendre et ne pas rester sans emploi :)

Donc, je dois mettre à jour le site en m'efforçant de corriger
l'existant (et il y a énormément à corriger, car il faut tout refaire),

J'espère trouver un CMS approprié qui permettrait de déléguer l'édition
du contenu. Depuis presque 3 mois que j'expérimente :
Wordpress (trop blog, mais j'y reviendrais peut-être), Joumla (trop
bordélique), TikiwikiCMS (trop bogué et trop lent), Drupal (à l'air
sérieux, en cours d'évaluation), Prométhée (c'est sensé être adapté pour
l'éducation, mais c'est vraiment trop arriéré), SymphonyCMS (excellent
framework XML XSLT en php, mais d'un apprentissage trop long), moodle
(complexe et déjà en place dans l'ENT), Spip (veulent plus en entendre
parler).

En tout cas, ce forum est un trésor pour apprendre.

Merci à vous tous !

--
Léa Gris

Le 17/11/10 07:46, Lea Gris a écrit :

Concernant la police, c'est industria solid a, qui est la police de la
charte graphique de l'éducation nationale.

O M G !!!

Le 17/11/10 15:46, Lea Gris a écrit :

Le 17/11/2010 01:11, SAM a écrit :

Sinon ... c'est cool ... on n'est pas submergé d'images inutiles ;-)

Merci pour tes observations et celles de tous les autres.

Je suis arrivée en septembre, pour un an en contrat CUI/CAE à mi-temps.
Missions :
- Rafraîchir le portail (euphémisme)
- Intégrer le contenu à la demande (faut tout faire à la main avec le
système actuel, à partir de documents Office, PDF, scanner et divers
autres formats pas appropriés)
- Intégrer autant que possible l'Environnement Numérique de Travail de
la région Languedoc Roussillon.

Heu ... et tu administres aussi le réseau ?
Ce n'est plus le prof de techno qui s'en occupe ?
Comment sont gérés les firewalls ?
Surtout vis-à-vis de l'Académie
(la région ... ça passe un peu après, normalement ... ? ! )

Mon métier d'origine est la maintenance réseau et collecte ADSL. Au
départ, le développement Web n'était qu'un passe-temps autodidacte. Même
si j'ai une formation orientée développement à l'origine, mais devenue
obsolète au fil des années (Cobol, GAP, Pascal, C, analyse Merise).

Bref, même si je suis motivée d'apprendre un nouveau domaine,
les missions sont ambitieuses,
le salaire est extra-minimaliste (632€/mois).
Je fais au mieux et probablement plus qu'il faudrait.
Une occasion d'apprendre et ne pas rester sans emploi :)

Donc, je dois mettre à jour le site en m'efforçant de corriger
l'existant (et il y a énormément à corriger, car il faut tout refaire),

J'espère trouver un CMS approprié qui permettrait de déléguer l'édition
du contenu.

Heu ... attention ! Tu es à Mende ! ! !
Si l'ADSL y fonctionne sans doute à peu près,
il ne doit certainement pas en être de même dès qu'on s'écarte de cette
capitale !
L'établissement serait le seul du département (au moins pour certaines
formations) et, outre qu'il reçoit certainement du public venu du Gard
ou de l'Ardèche, il s'adresse à une large majorité de public éparpillé
dans le désert alentour et +/- lointain et aux connexions plus que
probablement poussives.

J'enfourche donc mon dada pour réclamer le plus de légèreté possible.
Eviter le CMS où n'importe qui peut mettre des pages à rallonges, gavées
de photos (dont au final l'intéret n'est que médiocre, au mieux
satisfaire l'égo du posteur).

Le personnel qui nourrira le CMS devra être formé à la non diffusion
prolifique de médias.
On veillera aussi à limiter les images et le nbre de posts/page sur les
éventuels forum.

Depuis presque 3 mois que j'expérimente :
Wordpress (trop blog, mais j'y reviendrais peut-être), Joumla (trop
bordélique), TikiwikiCMS (trop bogué et trop lent), Drupal (à l'air
sérieux, en cours d'évaluation), Prométhée (c'est sensé être adapté pour
l'éducation, mais c'est vraiment trop arriéré), SymphonyCMS (excellent
framework XML XSLT en php, mais d'un apprentissage trop long), moodle
(complexe et déjà en place dans l'ENT), Spip (veulent plus en entendre
parler).

En tout cas, ce forum est un trésor pour apprendre.

Merci à vous tous !

--
Stéphane Moriaux avec/with iMac-intel

Bonjour,

Le 17/11/2010 15:46, Lea Gris a écrit :

Concernant la police, c'est industria solid a, qui est la police de la charte
graphique de l'éducation nationale. Tous les logos, et titres principaux doivent
utiliser cette police.

La charte web académique (téléchargeable là
<https://www.pleiade.education.fr/portal/gear/generic/SelectPageContent?itemDesc=contenu&contentidp33501>
par exemple) précise que les titres doivent être en minuscules industria solid
(y compris la 1re lettre...) mais ce n'est qu'une recommandation et pas un
"incontournable" (p. 21 de la charte). Mais il est précisé que, dans ce cas, le
titre doit être une image -- éventuellement générée par le serveur.

L'impératif est, par contre, d'utiliser Arial (p. 22) pour tous les éléments
(paragraphes, sous-titres, etc.) sauf les titres. C'est également de choisir une
structuration en colonnes sans bandeau supérieur, etc. Bref, singer le site du
ministère.

Pour les CMS, Automne <http://www.automne.ws/> est utilisé par les sites
académiques de l'académie de Toulouse <http://www.ac-toulouse.fr/>. Il a l'air
rapide et semble assez convivial (mais je n'ai que survolé la démo).

En tout cas, bon courage.
--
Y.D.

Le 17/11/2010 21:49, Y.D. a écrit :

Pour les CMS, Automne <http://www.automne.ws/> est utilisé par les sites
académiques de l'académie de Toulouse <http://www.ac-toulouse.fr/>. Il a
l'air rapide et semble assez convivial (mais je n'ai que survolé la démo).

En tout cas, bon courage.

Qu'il ait été crée par une équipe de toulousains a du aider...

A Nice, selon l'endroit, ils utilisaient un CMS commercial qu'ils
avaient payé assez cher... mais la boite a fermé un peu plus tard.