Bonjour.
J'ai de petits soucis avec un truc tout con en css.
Je voudrais avoir une barre de navigation à gauche, et une zone avec le contenu à coté.
Le problème est qu'un clear:both dans la zone de contenu force l'affichage de ce qui suit en dessous du dernier element de la barre de navigation.
Petit code qui pose problème :
Code :
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
- "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15" />
- <title>TEST</title>
- <style type="text/css">
- div {
- border: 1px solid #000;
- }
- #menuleft {
- float: left;
- width: 140px;
- }
- #center {
- margin-left: 150px;
- }
- #boxleft {
- float: left;
- }
- #boxright {
- float: right;
- }
- #boxcenter {
- clear: both;
- }
- </style>
- </head>
- <body>
- <div id="content">
- <div id="menuleft">
- je suis le menu left<br />
- je suis le menu left<br />
- je suis le menu left<br />
- je suis le menu left<br />
- </div>
- <div id="center">
- <div id="boxright">
- je suis la boxright<br />
- </div>
- <div id="boxleft">
- je suis la boxleft
- </div>
- <div id="boxcenter">
- je suis le boxcenter<br />
- je suis le boxcenter<br />
- </div>
- </div>
- </div>
- </body>
- </html>
|
Pourquoi le boxcenter ne s'affiche pas juste en dessous de boxleft et boxright sous Konqueror, IE 6 et Opera ?
Evidemment sous Gecko c'est nickel
Message édité par axey le 14-01-2004 à 14:36:25