Une telle structure est elle possible en CSS?

Marsh Posté le 16-06-2007 à 07:19:56

Salut,

J'aimerai savoir si pour un design une telle structure est possible :

En fait je voudrais savoir si par exemple dans une colonne, il y a plus de texte donc la colonne s'allongera, mais je voudrais que toutes les colonnes avec leurs bordures noires s'allongent aussi méme si pas de texte dans celles-ci. Est-ce possible à votre avis?

Merci :hello:

Message édité par stravoguine le 16-06-2007 à 07:20:50

Reply

Marsh Posté le 16-06-2007 à 07:19:56

Reply

Marsh Posté le 16-06-2007 à 08:06:26

Alors voila ce que j'obtiens pour l'instant :

Seulement on voit que les blocs gauche, centre, droite 1 et droite 2 sont encore dépendant du contenu or moi j'aimerai que ces blocs avec leur bordure touchent déja la bordure du contenu "wrap" de ces 4 blocs, y a t'il une solution? Ou dois-je obligatoirement mettre une valeur à Height pour ces blocs?

Merci

mon code CSS :

Citation :

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

#onheader{
background:red top left;
position:relative;
width:998px;
height:10px;
border-right:0px solid black;
margin:auto;
float:left;
border-right:1px solid black;
}

#header{
background:url(banniere.gif) no-repeat #033153 top left;
width:998px;
height:75px;
position:relative;
border-right:1px solid black;
margin:auto;
float:left;
}

#wrap{
background: #ddd top left;
width:998px;
position:relative;
border-right:1px solid black;
border-bottom:1px solid black;
margin:auto;
float:left;
color:#000;
}

#left{
background: #fff top left;
width:130px;
position:relative;
border-right:1px solid black;
margin:auto;
float:left;
color:#000;
}

#center{
background: #fff top left;
width:288px;
position:relative;
border-right:1px solid black;
margin:auto;
float:left;
color:#000;
}

#right1{
background: #fff top left;
width:288px;
position:relative;
border-right:1px solid black;
margin:auto;
float:left;
color:#000;
}

#right2{
background: #fff top left;
width:289px;
position:relative;
border-right:0px solid black;
margin:auto;
float:left;
color:#000;
}

#footer{
background:#fff;
width:960px;
position:relative;
float:left;
padding-top: 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 0.6em;
color: #000;
font-weight: normal;
text-transform: none;
text-align: center;
}

Message édité par stravoguine le 16-06-2007 à 08:07:07

Reply

Marsh Posté le 16-06-2007 à 10:31:44

je crains que tu n'aies pas trop le choix => height

---------------
Nikon D7000 + 18-105VR + 35mm 1.8

Reply

Marsh Posté le 16-06-2007 à 15:44:31

spa con ton truc

---------------
Nikon D7000 + 18-105VR + 35mm 1.8

Reply

Marsh Posté le 16-06-2007 à 20:26:54

Je vais essayer, en attendant effectivement pas possible, j'ai mis un Height au conteneur et au blocs dedans j'ai mis un height en 100% comme ça tranquille, j'ai juste à régler la hauteur du conteneur selon le contenu.

Reply

Marsh Posté le 19-06-2007 à 12:39:33

height : auto;

---------------
Feed-back HA/Ventes HFR | http://www.nexen.org Lans dans le nord de la France

Reply

Une telle structure est elle possible en CSS?

Sujets relatifs:

Leave a Replay