CSS : 4 colonnes, 2 tailles fixes, 2 redimensionnables dans une DIV. - HTML/CSS - Programmation
Marsh Posté le 13-05-2005 à 15:51:05
Désolé, je ne m'en sors pas :
HTML :
<div id="contenu">
<h1>Blablabla</h1>
<div id="highlights">
</div>
<div id="autre">
</div>
<h1>Blablabla</h1>
</div>
CSS :
div#contenu
{
margin: 40px 186px 0px 190px;
background-color: #000000;
}
div#highlights
{
background-color: #00FFFF;
width: 50%;
height: 162px;
float: left;
}
div#autre
{
background-color: #FFFF00;
width: 50%;
height: 162px;
float: right;
}
Marche sur Firefox et Netscape mais pas sous IE, ouaï svp ?
Les background-color, c'est juste pour que je vois mes DIV au départ.
Marsh Posté le 12-05-2005 à 15:39:20
Bonjour tout le monde,
grâce à http://forum.hardware.fr/forum2.ph [...] ash_post=0 j'ai pu créer une 1ère colonne fixe, un "conteneur" 100% (avec des margin left et right) et une autre colonne fixe.
J'essaie maintenant de créer DANS ce conteneur, 2 colonnes 50%-50%.
J'ai essayé :
div#contenu
{
margin: 40px 186px 0px 190px;
}
div#colonne_a
{
position: absolute;
top: 200px;
right: 50%;
width: 50%;
margin-left: 200px;
height: 162px;
}
div#colonne_b
{
position: absolute;
top: 200px;
left: 50%;
width: 50%;
margin-right: 200px;
height: 162px;
}
et l'HTML :
<div id="contenu">
<h1>Blablablablabla</h1>
<div id="colonne_a">
</div>
<div id="colonne_b">
</div>
</div>
Mais les margin-left & right ne sont pas prises en compte du tout, mes DIV "collent" au bord de l'écran. Que mes DIVs colonnes_x ne prennent pas en compte le conteneur ok parce qu'elles sont en absolute mais pourquoi donc ces margin ne sont-elles pas prises en compte ?
J'ai essayé aussi avec des position: relative; une imbrication de la colonne_b dans la colonne_a, des float... rien n'y fait.
En fait je m'aperçois que si je mets ces 2 colonnes en absolute, le conteneur ne sert à rien pour elles, seulement pour <h1>.
Un peu d'aide svp ?
Merci.