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.