Bonjour,
J'ai developpe le site d'une association en XHTML 1.0 strict et en definissant le style par css. Evidemment, si Firefox affiche tout sans probleme, ce n'est pas le cas de IE6.0 sous Windows XP.
En fait, voila mon probleme : j'ai une barre de menu a gauche (le div appele "gauche") qui contient elle-meme trois cadres avec du texte. Ces cadres doivent tous avoir la meme largeur : ils ont un attribut width en css et une valeur en pixels :
div#gauche {
background-color: white;
margin-top: 0px;
width: 210px;
border-style: none;
font: 12px Gilsans, sans-serif;
float: left;
}
Mais sous IE, chaque cadre a une largeur differente en fonction de ce qu'il contient : un texte, un bouton a cliquer,.... en particulier, ils sont plus larges que prevu!
Et donc, a droite, le contenu du texte (le div appele "corps") n'a plus la place de s'afficher et se retrouve rejete en bas de page.
div#corps {
margin-left: 5px;
margin-top: 10px;
width: 546px;
background-color: white;
padding: 10px;
color: black;
border-style: solid;
border-width: 1px;
border-color: #EF130B;
float: left;
}
Et je dois avouer que je suis un peu perdu pour faire en sorte que l'affichage se fasse correctement sous IE et sous Firefox. Je sais qu'il existe des hacks, mais la recherche sur les forums indique que IE rend generalement les cadres plus petits que ce qu'ils devraient etre. Et dans mon cas c'est l'inverse.
Mon css serait-il erronne?
Merci d'avance pour votre aide.
J'ai developpe le site d'une association en XHTML 1.0 strict et en definissant le style par css. Evidemment, si Firefox affiche tout sans probleme, ce n'est pas le cas de IE6.0 sous Windows XP.
En fait, voila mon probleme : j'ai une barre de menu a gauche (le div appele "gauche") qui contient elle-meme trois cadres avec du texte. Ces cadres doivent tous avoir la meme largeur : ils ont un attribut width en css et une valeur en pixels :
div#gauche {
background-color: white;
margin-top: 0px;
width: 210px;
border-style: none;
font: 12px Gilsans, sans-serif;
float: left;
}
Mais sous IE, chaque cadre a une largeur differente en fonction de ce qu'il contient : un texte, un bouton a cliquer,.... en particulier, ils sont plus larges que prevu!
Et donc, a droite, le contenu du texte (le div appele "corps") n'a plus la place de s'afficher et se retrouve rejete en bas de page.
div#corps {
margin-left: 5px;
margin-top: 10px;
width: 546px;
background-color: white;
padding: 10px;
color: black;
border-style: solid;
border-width: 1px;
border-color: #EF130B;
float: left;
}
Et je dois avouer que je suis un peu perdu pour faire en sorte que l'affichage se fasse correctement sous IE et sous Firefox. Je sais qu'il existe des hacks, mais la recherche sur les forums indique que IE rend generalement les cadres plus petits que ce qu'ils devraient etre. Et dans mon cas c'est l'inverse.
Mon css serait-il erronne?
Merci d'avance pour votre aide.