[CSS] Les DIV pas en harmonie verticale

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] Les DIV pas en harmonie verticale

Pinzo

Vorsprung durch technik

Salut. C'est tout con, je suis en train de construire un CSS pour un blog.

J'ai un DIV principal appellé "container" qui contient:
- un DIV "header"... qui va contenir le logo du blog;
- un DIV "content"... qui ira contenir les articles;
- et un DIV "sidebar"... qui contient un menu à droite avec des liens et d'autres trucs;

Bon, les CSS:

div#container {
margin: 10px 10% 0;
width: 770px;
border-top: 4px #999999 solid;
border-right: 4px #333333 solid;
border-bottom: 4px #333333 solid;
border-left: 4px #999999 solid;
padding: 3px;
}

div#header {
text-align: center;
border-top: 1px #444444 solid;
border-right: 1px #999999 solid;
border-bottom: 1x #999999 solid;
border-left: 1x #444444 solid;
margin-bottom: 3px;
padding: 4px;
}

div#content {
float: left;
width: 63.1%;
background-color: #FFFFFF;
padding-top: 40px;
padding-right: 40px;
padding-left: 40px;
}

div#sidebar {
float: right;
width: 25%;
background-color: #DDDDDD;
border-left: 3px #000000 solid;
padding: 4px;
}

div#bottom {
clear: both;
}

Le code HTML:

<body>
<div id="container">
<div id="header"><img id="header" src="deusa_v18.jpg" /></div>
<div id="sidebar"><h1>Title 1</h1>Text<h1>Títle 2</h1>Text</div>
<div id="content">
<li>Mon paragraphe de texte</li>
<li>Mon paragraphe de texte</li>
</div>
<div id="bottom"></div>
</div>
</body>

Le "bottom" avec le clear:both je l'ai vu dans un article sur le site du Zero. [:wam]

Bien entendu j'aimerais que content et sidebar soient un harmonie et s'étirent en cas de besoin. Mais si l'un est plus long, l'autre ne s'adapte pas.

Où est-ce que j'ai foiré?

Message édité par Pinzo le 20-05-2006 à 03:43:45

---------------
“I'll thank you very much.”

Publicité

Pinzo

Vorsprung durch technik

---------------
“I'll thank you very much.”

Pinzo

Vorsprung durch technik

... UP?

---------------
“I'll thank you very much.”

flo850

moi je

je pense que ca devrai repondre a ta question : http://css.alsacreations.com/Tutor [...] s-tableaux

---------------

Pinzo

Vorsprung durch technik

Merci, mais pas trop non.
En fait j'aimerais plutôt une réponse directe, qu'on me dise où est-ce que j'ai foiré, qu'est-ce que j'ai oublié ou qu'est-ce que j'ai mis en trop.

(en fait les exemples de ces sites ne s'adaptent pas toujours à 100% à nos besoins, vu qu'il y a toujours des paramètres différents)

---------------
“I'll thank you very much.”

gatsu35

Blablaté par Harko

l'article donné par flo donne la reponse exacte à ton problème

flo850

moi je

si tu prefere , je peux aussi reprendre ton code et le corriger, mais c'est toujours le meme prix : 600 HT/j

tu peux aussi acheter le tres bon bouquin vendu sur le site , un des meilleurs sur le css

a toi de voir

---------------

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS] Les DIV pas en harmonie verticale

Sujets relatifs
[CSS] Annuler un float...	J'ai un problème avec mes feuilles de Style (CSS) !
Pb avec IE :hover sur menu CSS	scrollbar verticale taille et position du scroll
CSS pour configurer l'impression d'un tableau...	[HTML/CSS] Je deviens fou avec mon affichage (table, div et css) help
Mettre un border sur une area : CSS ? Javascript ??	Div taille fixe en ligne
[HTML/CSS] Firefox et boites div imbriquées	[HTML/CSS] :hover qui souligne les ancrages
Plus de sujets relatifs à : [CSS] Les DIV pas en harmonie verticale

Page générée en 0.042 secondes