Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1180 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1080971
Beral2
Posté le 12-05-2005 à 15:39:20  profilanswer
 

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.

mood
Publicité
Posté le 12-05-2005 à 15:39:20  profilanswer
 

n°1082454
Beral2
Posté le 13-05-2005 à 15:51:05  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
[Css] Mise en forme Complexe de blockscreer une fonction de concatenation de deux colonnes
comparaison de deux colonnesVos Méthodes pour faire une intégration graphique et mise en Page CSS
Recherche codeur XHTML - CSS[CSS/XHTML] Page HTML dynamique ?
[CSS] Problèmes pour formatter un menu sous IE (suckerfish)[CSS / XHTML] Bug sous Firefox - Opéra
listbox a deux colonnesDevis pour code CSS et PHP .
Plus de sujets relatifs à : CSS : 4 colonnes, 2 tailles fixes, 2 redimensionnables dans une DIV.


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR