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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  3 <div> côte à côte en CSS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

3 <div> côte à côte en CSS

n°2001358
olivier65
Posté le 13-06-2010 à 23:18:25  profilanswer
 

Bonsoir à tous !
 
Alors voila mon problème : je fais un site, et j'ai 3 div tels que :

Code :
  1. <div id="global">
  2.   <div id="menu">
  3.   </div>
  4.           <div id="contenu">
  5.   </div>
  6.           <div id="image">
  7.   </div>
  8. </div>


 
J'ai donc mon div conteneur (le global), et 3 divs dans celui-ci : Mon menu, mon "contenu" (texte par exemple), et une image.
J'aimerais avoir mon menu à gauche du contenu, peu importe où mais à gauche.
Ensuite, mon div "contenu" doit faire 800pixels de large et doit être centré !
Enfin, l'image devrait idéalement être placée en bas à droite du div contenu, collé à celui-ci.
 
Voici pour l'instant mon CSS :

Code :
  1. #contenu
  2. {
  3. width: 800px;
  4. margin: auto; //Pour qu'il soit centré
  5. background-image: url("mon_image.png" );
  6. }
  7. #menu
  8. {
  9. position: absolute;
  10. width: 8%;
  11. margin-top: 2%;
  12. margin-left: 1%;
  13. }
  14. #image
  15. {
  16.     ...
  17. }


 
Voila où je suis bloqué, en fait je crois que j'ai du mal à comprendre comment je peux à la fois centrer mon div contenu (à taille fixe) et à la fois adapter les autres div en fonction du div contenu !
Merci d'avance  :hello:  

mood
Publicité
Posté le 13-06-2010 à 23:18:25  profilanswer
 

n°2001434
eric2010
Posté le 14-06-2010 à 11:59:09  profilanswer
 

Utilises float:left / right.

n°2001437
olivier65
Posté le 14-06-2010 à 12:03:19  profilanswer
 

eric2010 a écrit :

Utilises float:left / right.


 
Déjà essayé, mais sans grand succès...
Lequel doit être float, le(s)quel(s) pas ?
Ou alors tous en float ?

n°2001520
eric2010
Posté le 14-06-2010 à 16:03:00  profilanswer
 

examples : http://www.html.net/tutorials/css/lesson13.asp ou  ...
Y en a beaucoup, jamais "pile poil". Le mieux, c'est d'abord de  
consulter http://www.w3.org/TR/CSS2/visuren.html
Désolé, je rame aussi en CSS et mixer les largeurs en px et %
avec un élément centre de taille fixe, j'ai pas essayé ...
Bon courage.  
 
Bon courage.


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

  3 <div> côte à côte en CSS

 

Sujets relatifs
un peu perdu avec les CSS[resolu] Probleme d'heritage des CSS
[CSS] Problème taille typo[CSS] Centrer un DIV a cote d'un DIV aligne a gauche
[HTML/CSS/Javascript] Calcul coté client avec visualisation[Resolu][CSS] Div l'une à coté de l'autre
Pb affichage 2 DIV un à coté de l'autre. Les CSS c'est chiant :D[CSS] div à côté de mon texte qui grossi avec mon texte
[CSS] Grossir un seul coté d'un tableau[CSS] 3 div côte-à-côte + adapter la hauteur d'un div
Plus de sujets relatifs à : 3 <div> côte à côte en CSS


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