28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'apprends le métier de web développeur, je connaissais wordpress, joomla, mais la je débute sans les CMS.
(mon 1er sit que j'ai commancé hier: http://www.creerwebsite.com/)

Et j'aurai besoin d'aide SVP:
je souhaiterai que la sidebar (à droite) et le contenu (la page) soient automatiquement toujours de la même hauteur.

Par exemple sur cette page : http://www.creerwebsite.com/html.html ça ne fait pas jolie le trou qu'il y a en bas de la page.
Et sur cette page j'ai le problème inverse : http://www.creerwebsite.com/ le vide qu'il y a en bas de la sidebar ne fait pas joli.

SVP, quel code faut mettre dans le CSS pour que la sidebar et le contenu soient automatiquement toujours de la même hauteur?

merci beaucoup.

cordialement
salut,
personnellement j'opterais pour "table-cell" qui est interprété par, on peut le dire, tous les navigateurs actuels. C'est un code plus propre et plus approprié.
ok, merci pour les tutos.

Du coup j'y suis arrivé uniquement en modifiant le code css.
_j'ai juste enlevé dans mon [I]conteneur[/I] le "float:left;" et j'ai ajouté à sa place le "display: table-cell;"
_et dans ma [I]sidebar[/I] j'ai enlevé le "float:left;" et le "height:auto;" et j'ai ajouté à leur place le "display: table-cell;".
Et visiblement ça marche bien.

merci
Bonjour,

Je suis débutante en conception de site avec CSS.
Je travaille avec Dreamweaver CS5 et je rencontre ce même souci de fond coloré qui ne continue pas sur toute la hauteur de la colonne.
J'ai un conteneur avec une hauteur minimum (min-height 2000 px) et à l'intérieur de celui-ci, deux div flottantes (avec les propriétés float left et right).
Je fais ma mise en page sur un modèle qui s'applique ensuite à toutes les pages du site (une centaine env...)
Sur l'ensemble de mes pages, j'ai généralement plus de contenu dans la div droite que dans la div gauche, ce qui crée une zone blanche en dessous du contenu de gauche...

J'ai testé avec un fond coloré ou une image en repeat-y dans le conteneur, mais à chaque fois, la couleur ou l'image de fond ne se répète que jusqu'à la valeur du min-height.
Et si je ne mets pas de valeur de hauteur à ce conteneur, ni la couleur ni l'image ne se voient, le fond reste blanc...
J'ai aussi essayé avec une image en repeat-y dans chaque div gauche et droite, et l'image ne se répète qu'à hauteur du contenu et pas plus bas, ce qui laisse toujours une zone blanche en bas.

J'espère que mes explications sont claires..., désolée si c'est pas le cas Smiley confused ...

Si vous avez des pistes pour résoudre mon soucis, votre aide sera la bienvenue Smiley cligne Merci d'avance !