Tout d'abord, j'aimerais vous dire que j'aime beaucoup le nouveau design du forum
J'ai un petit problème de remplissage. Tout fonctionne avec Opera et Firefox, mais pas avec Ie (ça alors !
). Apercu du problème :
En arrière plan, le résultat avec Firefox.
En avant plan, le résultat avec Ie.
Le problème, c'est que "le bloc de droite" occupe moins d'espace que prévu avec IE ...
Voici une partie du code css :
Code
html,body {
background-color: #eaedf2;
text-align: center;
}
#container {
width: 760px;
margin: 0px auto;
background-color: #ffffff;
border: 1px solid black;
text-align: left;
font-family: verdana, arial;
}
#leftnav {
width: 180px;
padding: 3px 0px 0px 0px;
font-size: 11px;
font-weight: bold;
line-height: 21px;
}
#leftnav ul {
list-style-type: none; /* Necessaire car display != inline */
margin: 0px;
padding: 2px 0px 25px 15px;
}
#leftnav h3 {
font-size: 11px;
padding: 0px 0px 0px 5px;
margin: 0px 0px 2px 0px;
border-style: solid;
border-color: black;
border-width: 1px 0px;
background-color: #eaedf2;
line-height: 15px;
}
#content {
float: right;
width: 560px;
border-left: 1px solid black;
padding: 10px;
}
background-color: #eaedf2;
text-align: center;
}
#container {
width: 760px;
margin: 0px auto;
background-color: #ffffff;
border: 1px solid black;
text-align: left;
font-family: verdana, arial;
}
#leftnav {
width: 180px;
padding: 3px 0px 0px 0px;
font-size: 11px;
font-weight: bold;
line-height: 21px;
}
#leftnav ul {
list-style-type: none; /* Necessaire car display != inline */
margin: 0px;
padding: 2px 0px 25px 15px;
}
#leftnav h3 {
font-size: 11px;
padding: 0px 0px 0px 5px;
margin: 0px 0px 2px 0px;
border-style: solid;
border-color: black;
border-width: 1px 0px;
background-color: #eaedf2;
line-height: 15px;
}
#content {
float: right;
width: 560px;
border-left: 1px solid black;
padding: 10px;
}
Et le code HTML :
Code
<div id="container">
<div id="top">
<ul>
<li><a href="index.html">Accueil & Nouveautés</a></li>
<li><a href="livreor.html">Livre d'or</a></li>
<!-- <li><script type="text/javascript" src="http://www.i-services.net/membres/compteur/compteur.php3?user=37829&idcpt=19176&cache=0"></script></li> -->
</ul>
</div>
<div id="content">
<h1>Accueil & Nouveautés</h1>
<h3>10.07.04 | v3 online</h3>
<p>Le design du site blablabla ...
</p>
</div>
<div id="leftnav">
<h3>TFE : Les Firewalls</h3>
<ul>
<li><a href="fw/pref.html" title="Tfe, Une brève introduction par rapport à mon travail de fin d'études">#. Préface</a></li>
<li><a href="fw/intro.html" title="Tfe, L'introduction de mon travail de fin d'études">0. Introduction</a></li>
<li><a href="fw/1notsec.html" title="Tfe, Quelques notions de sécurité">1. Notions de sécurité</a></li>
<li><a href="fw/2fw.html" title="Tfe, Introduction à la notion de firewall et partie pratique du travail">2. Les Firewalls</a></li>
<li><a href="fw/3prot.html" title="Tfe, Diverses protections et situations possibles">3. Les Protections</a></li>
<li><a href="fw/4concl.html" title="Tfe, Conclusion">4. Conclusion</a></li>
<li><a href="fw/5lex.html" title="Tfe, Lexique">5. Lexique</a></li>
<li><a href="fw/biblio.html" title="Tfe, Bibliographie">#. Bibliographie</a></li>
<li><a href="fw/tm.html" title="Tfe, Table des matières">#. Table des matières</a></li>
<li><a href="fw/rem.html" title="Tfe, Remerciements">#. Remerciements</a></li>
<li><a href="fw/dl/TFE_LesFirewalls.pdf" title="Téléchargez mon travail de fin d'études au format PDF">+. pdf</a></li>
</ul>
<h3>Autres</h3>
<ul>
<li>?. A venir ...;)</li>
</ul>
</div>
<div id="footer">
<ul>
<li><a href="http://validator.w3.org/check?uri=http://users.skynet.be/nistorm/index.html">Valide XHTML 1.1</a> &
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://users.skynet.be/nistorm/styles.css">CSS 2.1</a></li>
<li>v3.01</li>
<li><a href="#top">Top !</a></li>
</ul>
</div>
</div>
<div id="top">
<ul>
<li><a href="index.html">Accueil & Nouveautés</a></li>
<li><a href="livreor.html">Livre d'or</a></li>
<!-- <li><script type="text/javascript" src="http://www.i-services.net/membres/compteur/compteur.php3?user=37829&idcpt=19176&cache=0"></script></li> -->
</ul>
</div>
<div id="content">
<h1>Accueil & Nouveautés</h1>
<h3>10.07.04 | v3 online</h3>
<p>Le design du site blablabla ...
</p>
</div>
<div id="leftnav">
<h3>TFE : Les Firewalls</h3>
<ul>
<li><a href="fw/pref.html" title="Tfe, Une brève introduction par rapport à mon travail de fin d'études">#. Préface</a></li>
<li><a href="fw/intro.html" title="Tfe, L'introduction de mon travail de fin d'études">0. Introduction</a></li>
<li><a href="fw/1notsec.html" title="Tfe, Quelques notions de sécurité">1. Notions de sécurité</a></li>
<li><a href="fw/2fw.html" title="Tfe, Introduction à la notion de firewall et partie pratique du travail">2. Les Firewalls</a></li>
<li><a href="fw/3prot.html" title="Tfe, Diverses protections et situations possibles">3. Les Protections</a></li>
<li><a href="fw/4concl.html" title="Tfe, Conclusion">4. Conclusion</a></li>
<li><a href="fw/5lex.html" title="Tfe, Lexique">5. Lexique</a></li>
<li><a href="fw/biblio.html" title="Tfe, Bibliographie">#. Bibliographie</a></li>
<li><a href="fw/tm.html" title="Tfe, Table des matières">#. Table des matières</a></li>
<li><a href="fw/rem.html" title="Tfe, Remerciements">#. Remerciements</a></li>
<li><a href="fw/dl/TFE_LesFirewalls.pdf" title="Téléchargez mon travail de fin d'études au format PDF">+. pdf</a></li>
</ul>
<h3>Autres</h3>
<ul>
<li>?. A venir ...;)</li>
</ul>
</div>
<div id="footer">
<ul>
<li><a href="http://validator.w3.org/check?uri=http://users.skynet.be/nistorm/index.html">Valide XHTML 1.1</a> &
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://users.skynet.be/nistorm/styles.css">CSS 2.1</a></li>
<li>v3.01</li>
<li><a href="#top">Top !</a></li>
</ul>
</div>
</div>
Merci d'avance pour votre aide
