Aligner deux div horizentalement
Bonjour,
salut j'ai aligner 2 div horizontalement avec du css et ca marche cool en Firefox mais en ie6 ca m'énerve car les dimensions ne sont pas les mêmes en plus les deux div ne sont pas attaché il y a de l'espace pourtant ca marche sur chrome et firefox :
VOILA LE 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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
div.contenu {
float: left;
width: 20%;
background-color: #0066CC;
height: 33px;
}
div.menu {
margin-left: 20%;
width: 60%;
background-color: #00CCCC;
height: 33px;
}
</style>
</head>
<body>
<div class="contenu">
</div>
<div class="menu">
</div>
</body>
</html>
salut j'ai aligner 2 div horizontalement avec du css et ca marche cool en Firefox mais en ie6 ca m'énerve car les dimensions ne sont pas les mêmes en plus les deux div ne sont pas attaché il y a de l'espace pourtant ca marche sur chrome et firefox :
VOILA LE 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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
div.contenu {
float: left;
width: 20%;
background-color: #0066CC;
height: 33px;
}
div.menu {
margin-left: 20%;
width: 60%;
background-color: #00CCCC;
height: 33px;
}
</style>
</head>
<body>
<div class="contenu">
</div>
<div class="menu">
</div>
</body>
</html>
4 réponses
-
C'est normal ie6 est vieux et obsolète. Mais il me semble que tu a aussi ce probleme avec les nouvelle version de ie6 et aussi avec safari.
Test sur avec ie8 et avec safari pour être sur
Si tu constate les même problème il te faut faire un script qui détecte quel navigateur utilise le visiteur et en fonction du navigateur tu pourra choisir un fichier css que tu aura adapté. Cela peut être utile car tu peut aussi détecté si c'est un navigateur mobile et donc tu pourra faire un thème adapté au mobile -
evite les pourcentages, mets des valeurs en pixel
-
j'ai déjà fais ca mais toujours le même problème.Merci en ts cas
-
Pour le code il te faut utilisé
$_SERVER["HTTP_USER_AGENT"]
qui est automatiquement définis par le serveur
voila la liste que j'ai pu faire :<?php if (ereg("MSIE", $_SERVER["HTTP_USER_AGENT"]))//c'est internet explorer { $nav='ie'; } else if (ereg("Chrome/", $_SERVER["HTTP_USER_AGENT"]))//c'est Chrome { $nav='chrome'; } else if (ereg("Firefox/", $_SERVER["HTTP_USER_AGENT"]))//c'est firefox { $nav='firefox'; } else if (ereg("^Opera/", $_SERVER["HTTP_USER_AGENT"]))//c'est opera { $nav='opera'; } else if (ereg("Safari/", $_SERVER["HTTP_USER_AGENT"]))//c'est safari (mobile/pc) { if (ereg("iPod", $_SERVER["HTTP_USER_AGENT"])||ereg("iPhone", $_SERVER["HTTP_USER_AGENT"]))//c'est safari mobile (sur iPod/iPhone) { $nav='safarimobile'; } else//c'est safari { $nav='safari'; } } else//inconnu { $nav='inconnu'; } ?>
comme tu peut le voir j'ai listé safari sur iphone/ipod touch aprés je n'ai pas pu faire d'autre téléphone donc c'est à complété
