Positionnement de div différent entre FF et IE

Positionnement de div différent entre FF et IE - HTML/CSS - Programmation

Marsh Posté le 13-12-2005 à 23:06:42    

'lut
 
Voila le problème : la colonne centrale de mon site (bloc div) devrait normalement être centrée horizontalement (logique).  Ce bloc est en margin : auto dans le CSS. Sous Firefox ça passe nickel, mais sous IE le bloc est décalé sur la gauche, et pas qu'un peu.
Sur la doite de la page ya un bloc en position : relative. J'ai l'impression que IE centre le bloc sur la largeur restante en retranchant la largeur du bloc de droite (je sais pas si je suis clair là :o). Comment résoudre ça ?
 
le site : http://swingfiler.bleuarff-corp.info
le css : http://swingfiler.bleuarff-corp.info/styles/design.css
la partie du css concernée:

Code :
  1. #droite{
  2. position : relative;
  3. float : right;
  4. top : 1%
  5. /*left : 20%;*/
  6. /* right : 8px;*/
  7. margin-top : 1%;
  8. width : 18%;
  9. padding : 2% 1%;
  10. }
  11. #centre{
  12. margin : auto;
  13. margin-top : 0%;
  14. width:620px;
  15. padding : 2%;
  16. }


---------------
©2008 Bleuarff Corp.
Reply

Marsh Posté le 13-12-2005 à 23:06:42   

Reply

Marsh Posté le 14-12-2005 à 10:36:39    

Et en mettant ton menu droit en absolute comme ton menu de gauche ?  
Parce qu'en fait j'ai l'impression que ton div centre est centré par rapport à l'espace qui reste entre le bord gauche et ton menu droit.
 
Sinon pour des considération plus bassement physiques : ça ne va pas marcher sur toute les résolutions ton système : ta partie centrée est de taille fixe et à partir de la résolution 1024x768 ton menu gauche est par dessus ton div central.

Reply

Marsh Posté le 14-12-2005 à 16:02:51    

En effet le div centre est centré sur l'espace restant hors menu droit. Si je mets ce menu droit en absolute, je n'arrive pas à le caser correctement à droite, il n'y a que le float:right qui le place correctement. Pour le caser à droite en absolute, je faisais left:82% (le bloc fait 18% en largeur), mais ça le mettait n'importe où. Comment le caser à droite en absolute ?
 
Pour le pb de résolution, je viens de m'en apercevoir, je vais remettre le div centre en largeur relative. Le pb c'est que quand je mets une image dans ce bloc, sur une largeur trop fine, l'image dépasse sur la droite de la colonne, ce qui est très moche. Ya une solution pour ça ?
 
Autre question : comment virer la scrollbar horizontale sous IE ? Parce que le site fait la largeur de l'écran, elle n'a aucune raison d'apparaitre.


---------------
©2008 Bleuarff Corp.
Reply

Marsh Posté le 14-12-2005 à 16:33:38    

Bleuarff a écrit :

En effet le div centre est centré sur l'espace restant hors menu droit. Si je mets ce menu droit en absolute, je n'arrive pas à le caser correctement à droite, il n'y a que le float:right qui le place correctement. Pour le caser à droite en absolute, je faisais left:82% (le bloc fait 18% en largeur), mais ça le mettait n'importe où. Comment le caser à droite en absolute ?
 
Pour le pb de résolution, je viens de m'en apercevoir, je vais remettre le div centre en largeur relative. Le pb c'est que quand je mets une image dans ce bloc, sur une largeur trop fine, l'image dépasse sur la droite de la colonne, ce qui est très moche. Ya une solution pour ça ?
 
Autre question : comment virer la scrollbar horizontale sous IE ? Parce que le site fait la largeur de l'écran, elle n'a aucune raison d'apparaitre.


 
Pour le placement en absolu à droite t'as tenté :  

Code :
  1. menu_droit{
  2. position:absolute;
  3. top:0px // ou autre valeur
  4. right:2%; // ou autre valeur
  5. }


 
Je n'ai pas bien compris pour ton histoire d'image qui sort de la colonne :/
 
En ce qui concerne ta scrollbar horizontale sous IE.. perso j'en n'ai pas [:airforceone]

Reply

Marsh Posté le 14-12-2005 à 16:50:19    

(j'ai pas accès là, je réponds de mémoire). Oui j'ai testé, et ça marche pas. A ce que j'ai compris, pour un bloc en absolute, il lui faut obligatoirement les valeurs top et left, sinon il les mets par défaut à 0. Donc si je définis le right correctement mais pas le left, il le met à 0 et est prioritaire sur le right, donc ça marche pas.
 
Pas de scroll sous IE ? zarb j'en ai une chez moi en 1280*1024 :??:.


---------------
©2008 Bleuarff Corp.
Reply

Marsh Posté le 14-12-2005 à 16:59:31    

Bleuarff a écrit :

(j'ai pas accès là, je réponds de mémoire). Oui j'ai testé, et ça marche pas. A ce que j'ai compris, pour un bloc en absolute, il lui faut obligatoirement les valeurs top et left, sinon il les mets par défaut à 0. Donc si je définis le right correctement mais pas le left, il le met à 0 et est prioritaire sur le right, donc ça marche pas.
 
Pas de scroll sous IE ? zarb j'en ai une chez moi en 1280*1024 :??:.


 
pour le positionnement absolu : http://www.openweb.eu.org/articles/initiation_absolue/

Reply

Sujets relatifs:

Leave a Replay

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