Peux-tu essayer avec çà:
Le but: remplacer les float par des équivalents:
"Position: relative"
Associés à la position souhaitée: Left ou right
=>
<code>
#page {
width: 90%; /* pour largeur élastique de la page*/
text-align: left;
margin-left: auto;
margin-right: auto;
}
#conteneur { width: 100%; }
#conteneur #contenu {
position:absolute; /* conteneur doit être fixe pour y inclure les 2
blocs en relatif */
left: 0;
width: 28em;
padding: 0 0 0 5em
}
#conteneur #contenu .encart {
position: relative; /* equivaut à float */
right: 0; /* equivaut à right */
width: 9em;
margin: 0;
margin-bottom: 1em;
}
#conteneur #navigation {
float: right;
width: 10em;
text-align: center;
}
/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .contre-encart {
position: relative; /* equivaut à float */
left: 0; /* equivaut à left */
width: 21em;
}
</code>
-----Message d'origine-----
De : spip-bounces@rezo.net [mailto:spip-bounces@rezo.net] De la part de Manu
Bonobo
Envoyé : dimanche 23 mars 2008 12:14
À : liste SPIP
Objet : Re: [Spip] Problème d'affichage avec IE 6
Le 16/03/08, Yanik Bourgeois<y.bourgeois@free.fr> a écrit :
Bonjour à toutes et tous,
J'ai eu également ces soucis.
IE6 n'aime pas non plus les floats.
Je les ai remplacés par des "relatives" en top et left ou right.
Bon courage
Yanik
Si tu as utilisé la mise en page de type "élastique" proposée par les
squelettes de la dist (blocs flottants sur 3 colonnes et
longueurs en "em") ce style est mal "digéré" par IE 6 (j'ai eu le
même problème).
Tu peux résoudre ça en rétrécissant un peu les largeurs des blocs
(contenu, navigation, contre-encart, encart) dans le fichier
habillage.css (ce qui augmentera un peu les espaces interblocs avec
les autres navigateurs).
Tu peux aussi construire une feuille de style spécifique pour IE
version <=6 avec une mise en page plus classique.
Bonjour, merci de vos réponses, j'ai rétréci la largeur des blocs,
mais il semble que le problème est toujours la avec IE 6. En fait je
pense que ça vient de l'agenda qui est trop large. J'ai essayé de
modifier des valeurs dans agenda.css, mais ça n'a pas changé. J'ai
remarqué que j'ai deux fichiers agenda.css, un dans un répertoire
squelettes/styles et un autre. Je crois qu'il n'y a pas d'appel css
dans la partie agenda de ma page sommaire.html. non plus... Comment
faire un appel css dans cette partie (quel code?)? Dois je supprimer
un des deux fichiers agenda css? J'aimerai si possible réduire la
largeur de l'agenda et augmenter la longueur. Quelles valeurs
modifier? Il y a aussi un autre problème qui fait augmenter la taille
de l'agenda: Le titre de chaque évenement est en double sur l'agenda.
COmment faire en sorte qu'il n'apparaisse qu'une fois? Merci pour
tout,
Manu
>
> http://www.le69-3.org
--
_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip
FAQ : FAQ webmestre - SPIP