Mozilla ne sait pas gérer les float / clear ?

Mozilla ne sait pas gérer les float / clear ? - HTML/CSS - Programmation

Marsh Posté le 13-01-2004 à 15:07:51    

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 :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  2.     "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15" />
  6. <title>TEST</title>
  7. <style type="text/css">
  8.     div {
  9.         border: 1px solid #000;
  10.     }
  11.     #menuleft {
  12.         float: left;
  13.         width: 140px;
  14.     }
  15.     #center {
  16.         margin-left: 150px;
  17.     }
  18.     #boxleft {
  19.         float: left;
  20.     }
  21.     #boxright {
  22.         float: right;
  23.     }
  24.     #boxcenter {
  25.         clear: both;
  26.     }
  27. </style>
  28. </head>
  29. <body>
  30. <div id="content">
  31.     <div id="menuleft">
  32.     je suis le menu left<br />
  33.     je suis le menu left<br />
  34.     je suis le menu left<br />
  35.     je suis le menu left<br />
  36.     </div>
  37.     <div id="center">
  38.         <div id="boxright">
  39.         je suis la boxright<br />
  40.         </div>
  41.         <div id="boxleft">
  42.         je suis la boxleft
  43.         </div>
  44.         <div id="boxcenter">
  45.         je suis le boxcenter<br />
  46.         je suis le boxcenter<br />
  47.         </div>
  48.     </div>
  49. </div>
  50. </body>
  51. </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
Reply

Marsh Posté le 13-01-2004 à 15:07:51   

Reply

Marsh Posté le 14-01-2004 à 00:57:29    

up

Reply

Marsh Posté le 14-01-2004 à 14:35:14    

Serait-il possible qu'au contraire Gecko fasse n'importe quoi sur un cas aussi simple ?
 
Dans les specs CSS2 il est dit qu'un clear:both plaçait la suite après l'ensemble des floats du document (pas du container), ce qui semble confirmé par les browsers non-Gecko. Gecko a l'air de restreindre la propriété clear: au container de l'élément en cours (snif c'est plus logique et pratique pourtant) .
 
Alors, bug dans Gecko ?!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed