[CSS]Faire un header à trois colonnes par Florent06 - page 1

16 août 2006 à 16:57:04

Salut

Je voudrais faire un header avec trois colonnes (une pour la bordure de gauche, une pour le contenu et l'autre pour la bordure de droite).

J'ai fais ça :

#headerbordgauche {
height: 150px;
width: 30px;
background-image: url(images/header/bordgauche.gif);
}
#header {
height: 150px;
}
#headercentre {
height: 150px;
background-color:#D70207;

}
#headerborddroite {
height: 150px;
width: 30px;
float:float;
background-image: url(images/header/bordgauche.gif);
}

(#header, c'est le tout)
dans ma page, j'ai mis ça :

<div id="header"><div id="headerbordgauche"></div><div id="headercentre">hgfhgffgh</div><div id="headerborddroite"></div>
</div>

mais ça fais pas ce que je veux, ça fait :

la bordure de gauche est à gauche et fais bien 30px X 150
le contenu par contre est à gauche et prend toute la largeur de la page et est en dessous de la bordure de gauche
et en dessous, il y a l'autre bordure, à gauche mais avec les bonnes dimmensions etc...

Voici ce que ça me donne :

Et voici ce que je voudrais que ça me donne :

Pouvez-vous m'aider SVP ?

gaga26

16 août 2006 à 17:15:28

Il faut mettre des floats corrects.

#gauche
{
...
float: left;
}
#droite
{
...
float: right;
}

[CSS]Faire un header à trois colonnes

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.

× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.

[CSS]Faire un header à trois colonnes

[CSS]Faire un header à trois colonnes

Supprimer

Modérer

Signaler le message aux modérateurs