[CSS] Décalage IE/FF pour des float

Décalage IE/FF pour des float [CSS] - HTML/CSS - Programmation

Marsh Posté le 25-11-2006 à 18:52:12    

Bonjour, comme dis dans le titre je n'obtiens pas le même résultat concernant un flaot:
 
J'ai trois div une en float left, une autre en float right et une autre sans float:
 

Code :
  1. #coin-h-g{
  2. position:relative;
  3. background-image:url(images/hg.gif);
  4. width:67px;
  5. height:70px;
  6. float: left;
  7. }
  9. #header{
  10. position:relative;
  11. background-image:url(./images/haut.gif);
  12. width:666px;
  13. height:70px;
  14. }
  16. #coin-h-d{
  17. position: relative;
  18. background-image:url(images/hd.gif);
  19. width:67px;
  20. height:70px;
  21. margin:auto;
  22. float:right;
  23. }


 
Sous FF pas de soucis, ces trois div s'aligne comme je le veux à savoir sur la même ligne, par conte pour IE, la div sans float se retrouve "en dessous" comme s'il n'avait pas la place.
Ai je une erreur dans mon CSS?  
merci de vos remarques.

Reply

Marsh Posté le 25-11-2006 à 18:52:12   

Reply

Marsh Posté le 25-11-2006 à 21:26:16    

pour le #header, tu lui donnes pas une position ?


---------------
Shoes Reebok, Montre Ted Lapidus, Veste Devred, Chemises Jules...
Reply

Marsh Posté le 25-11-2006 à 21:31:38    

Intérêt des position: relative ?

Reply

Marsh Posté le 03-12-2006 à 18:07:51    

Code :
  1. #droite{
  2. float: right;
  3. width: 40px;
  4. }
  5. #gauche{
  6. float: left;
  7. width: 40px;
  8. }
  9. #centre{
  10. margin: 0 auto; //Si tu veux le centrer avec un text-align: center dans ton bloc parent. Ou une margin-left: 40px; par exemple
  11. width: 40px;
  12. }


 
Si tu veux des templates multi-colonnes plus poussés -> http://www.positioniseverything.net/

Reply

Sujets relatifs:

Leave a Replay

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