[résolu]Problème d'affichage sous ie6 |
|
| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
maddoc
frontpage mioche
 |
 [résolu]Problème d'affichage sous ie6 , Posté le: 03-01-2004 21:40 |
|
|
Bonsoir,
Je suis entrain de recoder mon site. Je supprime les balises <table> au profit de le CSS mais je coince sur un problème qui vous semblera surement élémentaire.
J'ai le code html suivant :
| Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body style="font:10pt/14pt verdana">
<div style="width:760px; margin-left:auto; margin-right:auto">
<div style="width:760px; height:80px; z-index:1; background-color:#0000CC">header</div>
<div style="float:right; width:550px; min-height:310px; z-index:1; background-color:#CC0000">
container 0<br/>container 1<br/>container 2<br/>container 3<br/>
container 4<br/>container 5<br/>container 6<br/>container 7<br/>
container 8<br/>container 9<br/>container 10<br/>container 11<br/>
container 12<br/>container 13<br/>container 14<br/>container 15<br/>
container 16<br/>container 17<br/>container 18<br/>container 19<br/>
</div>
<div style="width:210px; height:230px; z-index:1; background-color:#00CC00">menu</div>
<div style="width:210px; height:80px; z-index:1; background-color:#00CCCC">compliant</div>
<div style="float: right; width:760px; height:40px; z-index:1; background-color:#CC00CC">footer</div>
</div>
</body>
</html>
|
et le code CSS est simplement embarqué dans les balises.
Sous netscape 7, Opéra 7 et Konqueror, le résultat est très similaire à l'image suivante :
mais sous internet explorer 6, c'est la catastrophe :
Si vous pouviez m'aiguiller un peu vers une solution pour que sous internet explorer 6 cela ressemble à la première image, je vous en serais reconnaisant.
Maddoc |
Dernière édition par maddoc le 10-01-2004 16:32; édité 1 fois |
|
rorschach
dreamweaver mioche
 |
| [résolu]Problème d'affichage sous ie6 , Posté le: 04-01-2004 16:56 |
|
|
si je ne me trompe pas le problème est du au fait que IE ne gère pas les marges de la même facon que les autres navigateur, donc un div sous mozilla et le même div sous IE n'ont pas la même largeur (quelques pixel de différence), résultat sous mozilla c'est parfait mais une fois sous IE le div est trop large pour se placer à coté des autres (sur ta presentation de mise en page) donc IE le place en toute logique là ou il peut le mettre essai avec ça :
| Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body style="font:10pt/14pt verdana">
<div style="width:760px; margin-left:auto; margin-right:auto">
<div style="width:760px; height:80px; z-index:1; background-color:#0000CC">header</div>
<div style="margin:0px; float:right; width:547px; min-height:310px; z-index:1; background-color:#CC0000">
container 0<br/>container 1<br/>container 2<br/>container 3<br/>
container 4<br/>container 5<br/>container 6<br/>container 7<br/>
container 8<br/>container 9<br/>container 10<br/>container 11<br/>
container 12<br/>container 13<br/>container 14<br/>container 15<br/>
container 16<br/>container 17<br/>container 18<br/>container 19<br/>
</div>
<div style="width:210px; height:230px; z-index:1; background-color:#00CC00">menu</div>
<div style="width:210px; height:80px; z-index:1; background-color:#00CCCC">compliant</div>
<div style="float: right; width:760px; height:40px; z-index:1; background-color:#CC00CC">footer</div>
</div>
</body>
</html>
|
PS. c'est mieux de placer les CSS dans un fichier .css externe |
|
|
maddoc
frontpage mioche
|
| [résolu]Problème d'affichage sous ie6 , Posté le: 04-01-2004 18:00 |
|
|
Super merci, existe-t-il une liste des conneries de IE ? Et des autres navigateurs ?
Sinon le fait que les CSS se trouvent directement dans les balises est dû au fait que parfois Netscape ne recharge pas le fichier CSS. Il m'est déjà arriver de modifier le fichier CSS est de ne pas voir d'effet à moins de redémarrer le navigateur.
Maddoc |
|
|
|
 ![Répondre au sujet à css:[résolu]Problème d'affichage sous ie6](templates/subSilver/images/lang_french/reply.gif) |
Accueil Forum
-> css |
Toutes les heures sont au format GMT + 1 Heure
|
| Page 1 sur 1 |
|
 S'enregistrer
 Profil
 Se connecter pour vérifier ses messages privés
 Rechercher
 Membres
 FAQ
 Connexion
|
