[CSS] Les DIV pas en harmonie verticale
Les DIV pas en harmonie verticale [CSS] - HTML/CSS - Programmation
Marsh Posté le 21-05-2006 à 02:36:33
je pense que ca devrai repondre a ta question : http://css.alsacreations.com/Tutor [...] s-tableaux
---------------
Marsh Posté le 21-05-2006 à 02:40:13
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.”
Marsh Posté le 21-05-2006 à 07:27:10
l'article donné par flo donne la reponse exacte à ton problème 
Marsh Posté le 21-05-2006 à 13:13:08
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 
---------------
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
Marsh Posté le 20-05-2006 à 03:38:56
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.
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.”