CSS - probleme de marges avec IE par rapport à FIREFOX

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : CSS - probleme de marges avec IE par rapport à FIREFOX

foxcssfox

The design of CSS...

j'ai un probleme de marge avec IE sous mon h2 et à gauche

http://duarte.design.free.fr/test/sondage/

J'ai pourtant bien mis, margin:0 et padding:0 a mon H2 et à mon P
ca marche NICKEL sur Firefox, mais pas sur IE, qui me rajoute une marge en dessous de mon h2...
la marge de gauche, vient probablement du fait du border de 1px qui encadre mon div...

Que dois je faire pour que IE soit comme Firefox ? svp
MERCI

voici ma css :

Code :

div#sondage{
width: 152px;
margin: 0;
padding: 0;
border: 1px solid black;
}
#sondage h2,
#resultats-sondage h2 {
background-color: #6699CC;
height: 20px;
color: #ffffff;
padding: 0 0 0 4px;
font-size: 16px;
font-weight: bold;
margin: 0;
}
#sondage p{
margin: 0;
margin: bottom;
padding:0;}
#sondage p,
#question{
display: block;
margin: 0;
padding: 6px 4px 8px 6px;
background-color: #BFDBF5;
font-family: arial;
font-size : 12px;
color: #003366;
font-weight: bold;
}
#sondage label{
margin: 0;
padding: 2px 1px 2px 2px;
font-family: arial;
font-size : 9px;
color: #003366;
font-weight: bold;
}
/* -------------------
Les formulaires
------------------- */
#form-sondage ul {
margin: 0;
padding: 0;
}
#votez{
width: 100%;
text-align: center;
margin: 20px 1px 10px 1px;
}
#form-sondage a{
display: block;
width: 152px;
margin-left: auto;
margin-right: auto;
}

Et pour vous faciliter la tache, voici le code xhtml correspondant

Code :

<div id="sondage">
<h2>Sondage</h2>
<form action="sondage.php" method="post" id="form-sondage">
<p>Que pensez-vous du nouveau design du site ?</p>
<ul>
<li><input type="radio" name="radiobutton" value="radiobutton" /><label>Peux mieux faire</label></li>
<li><input type="radio" name="radiobutton" value="radiobutton" /><label>Le résultat est satisfaisant</label></li>
<li><input type="radio" name="radiobutton" value="radiobutton" /><label>Quelle réussite</label></li>
<li><input type="radio" name="radiobutton" value="radiobutton" /><label>Ne se prononce pas</label></li>
</ul>
<div id="votez">
<input type="submit" name="votez" value="Votez" />
<a class="non-souligne" href="javascript:void(window.open('http://www........../index.html'))">Voir les résultats</a>
</div>
</form>
</div>

Message édité par foxcssfox le 28-05-2004 à 10:17:35

---------------
"Nous sommes tous dans le caniveau, mais certains d'entre nous regardent les étoiles" Oscar Wild

Publicité

brutalos

Nany ?

float:left;

NerOcrO

PrOut

Tu remplaces dans div#sondage :

Code :

width: 152px;

par

Code :

width: 156px;

Ciaciao

Message édité par NerOcrO le 02-06-2004 à 14:30:33

---------------
Mieux vaut partir sur des rires de qualités que sur un silence de quantité.

FORUM HardWare.fr

Programmation

HTML/CSS

CSS - probleme de marges avec IE par rapport à FIREFOX

Sujets relatifs
petit problème de css/Jscript	[PL/SQL] Problème de transfert de table
probleme de lancement de tomcat	CSS et Opera
Problème de transfert de fichier avec le protocole FTP	Problème de tableau dynamique
probleme de Net::Ping	De Acces à SQL server: problème de requête Helpppppppppppp!!!
problème evec un input de type=file
Plus de sujets relatifs à : CSS - probleme de marges avec IE par rapport à FIREFOX

Page générée en 0.063 secondes