CSS et DIV

CSS et DIV - HTML/CSS - Programmation

Marsh Posté le 03-02-2009 à 09:18:43    

Bonjour a tous!
 
j'ai toujours eu du mal avec les DIV et quand je crois enfin comprendre voilà que ca ne fonctionne toujours pas.
 
alors voilà, j'aimerais bien installer 4 DIV pour delimiter des zones:
 
http://img18.imageshack.us/img18/8008/planjx7.jpg
 
 
et donc ayant cru comprendre les positionnement absolu, je me suis dit qu'en rentrant toutes les valeurs exact ca marcherais...
 

Code :
  1. .title
  2. {
  3.   background-color: red;
  4.   position:absolute;
  5.  
  6.   width : 100%;
  7.   height: 10%;
  8.   background-image: url(graphisme/banniere-site.png);
  9.  
  10.  
  11.  
  12.   text-align: center;
  13.   vertical-align: middle;
  14. }
  16. .Mgauche
  17. {
  18.   background-color: blue;
  19.   position:absolute;
  20.  
  21.   margin-top: 10%;
  22.   width:15%;  height:90%;
  23.  
  24.   overflow: auto;
  25.  
  26.  
  27.  
  28. }
  31. .corps
  32. {
  33.   background-color: green;
  34.   position:absolute;
  35.  
  36.   margin-top:10%;  margin-left: 15%;  margin-bottom:10%;
  37.   width:85%;  height:80%;
  40. }
  42. .barre
  43. {
  44.   background-color: yellow;
  45.   position:absolute;
  47.   margin-top:90%;  margin-left: 15%;
  48.   width: 90%; height: 10%;
  49. }


 
sauf que voilà, si les placements horizontaux sont parfaits, j'ai toujours un gros décalage vertical... Mgauche et corps sont bien en fasse mais on dirait qu'il y a 10% de l'écran entre ces deux et title, et il y a au moins 50% entre les deux et la barre jaune...
 
a croire que le pourcentage en verticale n'est pas fixe...
 
j'ai une autre question:
 
 
comment définir la superposition des DIV?
 
genre si je veut placer une image a un endroit précis mais derrière le texte genre une barre de séparation design entre deux divs, c'est possible?


Message édité par derkomai le 03-02-2009 à 09:21:59
Reply

Marsh Posté le 03-02-2009 à 09:18:43   

Reply

Marsh Posté le 05-02-2009 à 09:01:05    

personne n'a d'idées?

Reply

Sujets relatifs:

Leave a Replay

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