Aligner Hauteur d'un bloc avec bloc flottant

**svergeylen** · 31/12/2008, 13h48

Bonjour,

J'ai une question concernant la hauteur d'un bloc par rapport à un bloc flottant :

Le bloc flottant (à doirte) est un menu. La page est chargée au milieu.

Voir un exemple

Mon problème est que le fond blanc ne continue pas jusqu'au footer si il n'y a pas assez de texte. Bien sûr, si la page est plus longue que le menu, alors il n'y a pas de problème mais je voudrais ne pas avoir de "vide" entre le footer et le texte dela page lorsque la page est courte.

J'ai déjà essayé avec un min-height mais cela n'est pas concluant (hauteur du menu flottant variable suivant son contenu) et je crois que min-height n'est pas reconnu sous IE (impossible à vérifier, je n'ai que Linux à la maison :-/ )

Merci pour votre aide

Stéphane

**GihefBey** · 31/12/2008, 21h09

Bonjour,

Commence par corriger ta façon d'inclure les parties de ta page.
Elle est fautive.
Seuls les éléments de la page sont utiles. Pas besoin d'une nouvelle page complète à chaque fois.

Code html :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Univers Warhammer - Stéphane Vergeylen</title>
 
...
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Untitled document</title>
 
...
 
<div id="footer">
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Untitled document</title>

Reviens ensuite nous dire que c'est fait.

La solution est certainement très simple.

-

Aligner Hauteur d'un bloc avec bloc flottant

Positionnement en CSS

Discussions similaires

Partager

Partager