probleme div float

**laxe13** · 17/09/2008, 02h38

bonjour j'ai un probleme d'affichage de div.

Sous IE = niquel
sous firefox = cata !

http://s224548264.onlinehome.fr/www....t.com/test.php

Pourquoi les div ne s'etirent pas sous firefox ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<style>
#principal { width:800px; min-height:1px; background:#CCCCCC }
#cadre { float:left; width:790px; margin:5px 5px 5px 5px; padding:0; border: solid blue 1px ; background:#456327; }
#centre { float:left; width:600px; margin:0 0 0 5px; padding:0; border: solid blue 1px ; background:#457898; }
.droite { float:right; width:170px; margin:0 5px 5px 0; padding:0; border: solid blue 1px ; background:#cef9cf; }
</style>
</head>
<body>
<!-- DIV PRINCIPAL -->
<div style="width:800px; min-height:1px; background:#CCCCCC">
HEADER
<!-- DIV MENU -->
<div id="cadre">MENU<br /></div>
<!-- DIV CENTRAL -->
<div id="centre">CENTRAL<br /><br /><br /></div>
<!-- DIV DROITE -->
<div class="droite">DROITE<br /></div>
<!-- DIV DROITE -->
<div class="droite">DROITE<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>
</div>
<!-- DIV BAS -->
<div style="width:800px; margin:5px 0 0 0; padding:0; border: solid blue 1px ; background:#123658;">FOOTER</div>
</body>

merci

**extraman1** · 19/09/2008, 20h59

Salut,

Il faut que tu définisses un taille height pour ton div principal.

Je t'aurai bien proposé d'ajouter overflow: auto, mais ça améliorer la visu sous firefox et ça fait n'importe quoi sur IE.

A++

probleme div float

CSS

Vue hybride

Discussions similaires

Partager

Partager