Discussion :

[tscoops]

Bonjour à tous,

je me prends la tête sur le problème suivant, je souhaite que ma dernière div (div bleue) occupe 100% de la taille restante de la div parente (div noire). Ma div parente a une hauteur fixe en pixel.

En mettant 100% en hauteur à ma dernière div (div bleue) elle est égale à la taille en pixel de la div parente (div noire).

Voici un exemple simple:

Code :

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

1
2
3
4
5
6
7
8
9
 
<div style="width:500px;height:500px;background-color:#000000">
        <div style="width:250px;background-color:red">
        toto
        </div>
        <div style="width:250px;height:100%;background-color:blue">
 
        </div>
    </div>

Existe-t-il un moyen en css de résoudre cela? Ou faut il passer par du javascript?

J'ai besoin d'une solution qui puisse fonctionner sur IE6+, FF...

Merci d'avance pour votre aide.

[sebhm]

bonjour,

en réorganisant ton code HTML, tu peux faire ca :

Code :

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

1
2
3
4
5
6
7
<div style="width:500px;height:500px;background-color:#000000">
	<div style="width:250px;height:100%;background-color:blue">
		<div style="width:250px;background-color:red">
			toto
		</div>
	</div>
</div>