OVH Cloud OVH Cloud

Marging et Padding IE versus Mozilla

1 réponse
Avatar
JefReb webforumsuser
Bonjour,
Je n'arrive pas à obtenir la même chose dans IE et dans Mozilla.
Dans IE c'est "presque" parfait (il y a un léger décalage à gauche).
Je ne veux utiliser que les % pour les largeurs et des margin et padding en ems.
J'ai 3 div emboités.
Dans Mozilla, il y a un fort décalage sur la droite et la couleur du coté droit disparait.

Comment définir dans les CSS pour contourner ces bugs.
Si quelqu'un qui a pigé le truc et qui a 5 minutes pour me montrer, ce serait super.
Voici mon code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="FR-fr">
<head>
<title>Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
color: #000000;
background-color: #ffffff;
margin: 0px;
}
#navigate{
background-color: #639CCE;
float: left;
width: 13%;
}
#ac-contact {
width: 100%;
background-color: #FF0000;
margin: 0.3em;
}
#ac-contactpad {
width: 100%;
background-color: #FFFF00;
margin: 1em 0.1em 0.1em;
padding: 0.3em;
}
-->
</style>
</head>
<body>
<div id="navigate">
&nbsp;<br>
<div id="ac-contact">
<div id="ac-contactpad">
&nbsp;<br>
&nbsp;<br>
</div>
</div>
&nbsp;<br>
</div>
</body>
</html>

1 réponse

Avatar
Luc Laurent
Je n'ai pas de solution toute prête, mais il faut déjà tenir compte du fait
que la valeur de "margin" s'ajoute à celle de "width". Avec 2 unités de
mesure différentes cela me semble difficile à résoudre. Il faut peut-être
aussi spécifier "position".

--
Luc Laurent
http://www.web-designer.be