CSS : 4 colonnes, 2 tailles fixes, 2 redimensionnables dans une DIV.

CSS : 4 colonnes, 2 tailles fixes, 2 redimensionnables dans une DIV. - HTML/CSS - Programmation

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.

Reply

Marsh Posté le 12-05-2005 à 15:39:20   

Reply

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.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed