Problème CSS! Encore! :P

[Audiofeeline]

Salut à tous,
je suis en train de faire un kit graphique pour un site mais j'ai un soucis avec les hauteurs des div...
J'aimerai qu'ils occupent toute la hauteur, j'ai essayé un height:100% mais ça ne fonctionne pas...
Comment faut-il faire?
C'est par là : -http://audiofeeline.free.fr/VH/
Merci!

(Notez l'effort : j'ai arrêté les tableaux)

[chtipepere]

Bonjour,

Alors, englobe tes divs 'content' et 'sidebar' dans un div, sur lequel tu appliqueras cette méthode.
Mets déjà ça en place, et dis nous si tu t'en sors.

Bon courage!

[Audiofeeline]

Mouarff...
Je ne comprend pas qu'il n'y ai pas plus simple pour ça...
Je vais faire un tour sur Alsa...

[Florent V.]

Une piste :

Code: Tout sélectionner

div#main {
overflow: hidden; /* empêche le dépassement des flottants */
background: red;
}

Remplace ensuite le fond rouge par l'image de fond avec le dégradé de droite :

Code: Tout sélectionner

div#main {
...
background: white url(images/sidebar.png) repeat-y right top;
}

À noter que si l'image est un peu plus haute que 1px, on diminue drastiquement le nombre de répétitions à opérer par le navigateur... dans certains cas, ça évite quelques soucis de performance.

Pour information, passer ainsi par une image de fond sur un bloc conteneur, c'est la technique dite des «colonnes factices».

Pour le reste :
- les paragraphes c'est bon, mangez-en ;
- 800px c'est trop large pour du 800x600 (valeur sure : 760px... plus risqué : 770px) ;
- un code CSS plus robuste pour le positionnement de ton div#content :

Code: Tout sélectionner

#content {
/* float:left; --> à supprimer */
/* width:580px; --> à supprimer */
margin-right: 200px;
padding: 10px;
background: white;
}

[Audiofeeline]

Bon en fait j'ai mis un fond de 800px à mon div principal qui reprend le dégradé de la sidebar... Et puis voilà...

[frenchhorn]

sinon il y a mi-height mais ce n'est pas interprete de la meme facon selon les browser
sinon, il y a quelques hack possible, mais c'est lourd

[Audiofeeline]

Bon, j'entame le portage sous DotClear mais y'a un truc qui cloche... : -http://www.video-humour.org/

Une idée? Merci !

[titifrim]

Salut à tous,
je suis en train de faire un kit graphique pour un site mais j'ai un soucis avec les hauteurs des div...
J'aimerai qu'ils occupent toute la hauteur, j'ai essayé un height:100% mais ça ne fonctionne pas...
Comment faut-il faire?
C'est par là : -http://audiofeeline.free.fr/VH/
Merci!

(Notez l'effort : j'ai arrêté les tableaux)

Alors le truc à savoir c'est qu'il faut que tu déclares ceci dans ton fichier css sinon tes div ne se caleront pas en hauteur...

html,body{
height:100%;
}