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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Positionnement de div différent entre FF et IE

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Positionnement de div différent entre FF et IE

n°1266003
Bleuarff
pouet
Posté le 13-12-2005 à 23:06:42  profilanswer
 

'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.
mood
Publicité
Posté le 13-12-2005 à 23:06:42  profilanswer
 

n°1266133
gravastar_​bureau
vive la mise en page en tab...
Posté le 14-12-2005 à 10:36:39  profilanswer
 

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.

n°1266460
Bleuarff
pouet
Posté le 14-12-2005 à 16:02:51  profilanswer
 

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.
n°1266507
gravastar_​bureau
vive la mise en page en tab...
Posté le 14-12-2005 à 16:33:38  profilanswer
 

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]

n°1266542
Bleuarff
pouet
Posté le 14-12-2005 à 16:50:19  profilanswer
 

(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.
n°1266561
gravastar_​bureau
vive la mise en page en tab...
Posté le 14-12-2005 à 16:59:31  profilanswer
 

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/


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

  Positionnement de div différent entre FF et IE

 

Sujets relatifs
roblème de positionnement de news, d'images avec floatEffet différent avec Firefox 1.5
Jointure sur des tables placé sur des SGBD différent, possible?positionnement IE div float et div position absolute
Affichage de ma page different sous ie et firefoxpourquoi ce positionnement en absolut ne fonctionne pas sous Firefox
[CSS] IE n'aime pas mon code...positionnement
code source différentPositionnement <SPAN> en CSS via JavaScript
Plus de sujets relatifs à : Positionnement de div différent entre FF et IE


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)