Bonjour à tous,
Avec un peu de chance il y aura un crack du CSS qui passera par là, et qui pourra m'aider
à me démêler de ce problème avant que j'avale ma souris sans fil...
Je suis en train de faire une page en HTML/CSS, et je n'arrive pas à centrer cette page
sur Internet Explorer (IE8).
Il me semble pourtant avoir appliqué la méthode classique :
Dans mon fichier HTML, j'ai :
<body>
<!------------------------------------HEADLINE-------------->
<div id="headline">
"Accroche"
</div><!--fin de la headline-->
<!-----------------------------------CONTENU-------------->
<div id="contenu">
blablabla :
<!-----------------------------------ENCART-------------->
<div id="encart">
<h2><u>Vos avantages membres</u> :</h2>
blablabla
</div><!-- fin de l'encart -->
</div><!-- fin du contenu-->
<!-----------------------------OPTINBOX-------------->
<div id="optinbox">
Accédez à
la zone membre <br>
immédiatement:
<p>Entrez
votre nom et une adresse email valide dans le formulaire ci-dessous
pour devenir membre gratuitement : </p>
<p><img src="http://www.ressources-marketing-internet.com/membres/images/fleches-bas.gif" height="50"
width="108"></p>{signup_form}
<p>**Double-check your email for accuracy to
ensure you receive the report. </p>
<p><a href="privacy.html"
target="_blank">Privacy Assured</a>: Your email
address is never shared with anyone.</p>
</div><!--fin de l'optinbox-->
<!-----------------------------FOOTER-------------->
<div id="footer">
</div><!--fin du footer-->
</body>
</html>
Et dans mon fichier CSS, j'ai :
body {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
background-color:#6495ed;
margin-top:0;
}
*{margin: 0;padding: 0;}
#wrapper {
width:900px;
margin-left:auto;
margin-right:auto;
padding:0;
}
#headline {
padding:10px;
font-size:150%;
font-weight:bold;
color:#ff0000;
text-align:center;
}
#contenu {
margin-right:300px;
}
#optinbox {
float:right;
width:300px;
}
J'ai donc donné à l'élément "emballant" (wrapper) une largeur fixe (width:900px;) ainsi qu'une marge automatique
à gauche et à droite. N'est-ce pas la manière de procéder ?
Si quelqu'un voit où est le bug, il me serait d'un grand secours, car là je sèche...
Merci d'avance !
Dushan
P.S : Et si en "bonus", quelqu'un pouvait m'expliquer pourquoi mes colonnes sont l'unes sous l'autre au lieu d'être l'une à côté de l'autre
(le but est d'avoir la zone div "optinbox" à droite, et la zone div "contenu" à gauche. J'ai utilisé le code :
#contenu { margin-right:300px;}
#optinbox { float:right; width:300px;}
Mais ça ne marche pas : la boîte optinbox est toujours située en dessous.
