28221 sujets

CSS et mise en forme, CSS3

[Resolu]Height: 100%; dans un parent en relatif (min-height).

Bonjours
Je viens à peu près d'achever la mise en page de mon future site, en voila l'apercu :

http://lesfilsdegaia.free.fr/concours/ ("leconcours.com" c'est pour mettre quelque chose, je cherche un nom.)

Mon problème est que la hauteur de mon container est difini par un min-height et que je n'arrive pas à mettre la bande de droite à 100% de hauteur ... Mais comment faire ?

Je cherche depuis un long moment (j'ai déjà rencontré le problème sur d'autres mises en pages mais j'ai jamais trouvé de solution)...

Merci énormément à la personne qui serra résoudre mon problème !

Bonne soirée
Modifié le 15 Dec 2004 - 21:54
C'est ce que j'ai fait pour mes autres design mais je n'apel pas ca une solution ... ok ca marche mais si j'ai envi de faire varier les dimentions c'est foutu ..

Dans mon cas ... bon ca pourra aller (je ferrai deux images pour les deux dimentions que je proposerrai, voir plus).

On peut considerrer cette gène comme une lacune du css non ?

Hâte d'etre à la prochaine version (j'ai vu les principaux changement ca promet^^).

Bon, merci encore une fois^^.
salut
Je viens de suivre le site:
http://blog-and-blues.org/weblog/2004/09/24/304-des-colonnes-de-meme-hauteurs-en-css
[/url]
ca m'a bien aidé, j'avais aussi ce probleme.
Merci pour ce lien.

Mais j'ai un petit probleme que je n'arrive pas a resoudre :
voilà deja l'apercu de mon probleme :

- sous firefox :
http://alien7.free.fr/img1.jpg

- sous IE :
http://alien7.free.fr/img2.jpg

Donc ca pose probleme sur IE, je n'arrive pas a resoudre ce petit bug.
Merci

?? : je me demande si j'aurai du creer un nuveau topic, celui là est marqué resolu.
Hmmm on vera bien
Modifié le 16 Dec 2004 - 01:29
alien7> Je penses qu'il faudrait voir le code pour te dire ... mais internet explorer ...

Pour ma part, j'ai commencé à essayer de l'adapter mais pour ma mise en page c'est pas facile ... Autrement c'eszt justement ce qu'il me faudrai ...
Je te dirai si j'ai réussi à l'intrégrer ou si j'ai opter puor l'image de fond.
En tout cas, merci beaucoups ElMoustiko.
OK je vais mettre le code css :

body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#fff;
}

#header {
	background-image:url(../img/fond1.png);
	height: 100px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 0;
}
#bienvenue {
	background-color:#663399;
	text-indent:15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#header, #conteneur, #pied {
display: table;
width: 100%;
border-bottom: 0;
}

#conteneur {
background-color: #fff;

}
#gauche, #droite {
display: table-cell;
height: 100%;
}
#gauche {
float: left;
width: 35%;
background-image:url(../img/fond2.jpg);
border-right: 1px solid #000;
}
html>body #gauche {
float: none;
}
#droite {
background-color:#fff;
}
#pied {
clear: both;
background-color:#663399;
text-align: center;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
position: relative;
}


J'ai presque rien changé du code du site en question.

Je precise juste que la partie droite contient un code php, en fait c'est un frame en php.

PS : Eolymh ->
Tu peux enlever resolu pour un moment ?
en fait j'aurai du cree mon poste mais bon comme c'est a peu pres le meme sujet...
Modifié le 16 Dec 2004 - 12:56
Sujet clos
Aller à