28173 sujets

CSS et mise en forme, CSS3

Salut à tous,

La situation: J'ai une div gauche et une div droite tous deux ayant une hauteur minimum. Lorsque la div droit s'élargit, la div gauche ne bouge pas, normal.

Aperçu du Schmilblick


.divGauche
{
width : 200px;
min-height : 350px;
float : left;
border : 1px solid #FF0000;
}

.divDroite
{
margin-left : 200px;
width : 600px;
min-height : 350px;
border : 1px solid #FF0000;
}


La question bête, c'est de savoir je dois dire à la div gauche pour lui dire de prendre toute la place disponible entre les div au dessus et en dessous d'elle.

Merci d'avance.
Smiley cligne
Modifié par Pogo (24 Apr 2007 - 00:42)
Administrateur
Hello,

Voilà l'une des questions les plus souvent posées du forum, et c'est l'une des raisons pour lesquelles une FAQ (Foire Aux Questions) a été créée.
N'hésite pas à t'y rendre, tu trouveras la réponse à la question "comment faire des 'colonnes' de même hauteur" Smiley cligne
Deux remarques en passant :
- Il serait préférable que ton bloc de contenu n'ait pas de largeur fixe. Lui donner une marge à gauche suffira à restreindre sa largeur totale... du moins si tu as un conteneur global de largeur fixe.
- 200px + 600px = 800px. Et 800px de large, c'est trop large : ça ne passera jamais en 800x600. Mieux vaut prévoir large pour la barre de défilement, les bordures, le fait que la fenêtre n'est pas forcément maximisée, etc. La largeur canonique est 750-760px. On peut monter à 770px grand maximum.