[CSS] - Probleme double marge IE : position:absolute [résolu]

- Probleme double marge IE : position:absolute [résolu] [CSS] - HTML/CSS - Programmation

Marsh Posté le 10-11-2005 à 16:33:25    

Voila, j'ai chercher sur internet et j'ai trouver une solution pour empecher IE de doubler les marges des éléments flottant, mais cette solution (display:inline) ne fonctionne pas si l'élément flottant en question contient "position:absolute".
 
code css:

Code :
  1. #CenterMenu {
  2.     float: left;
  3.     position:absolute;
  4.     display: inline;
  5.     margin-left: 162px;
  6.     margin-right: 25%;
  7. }


 
Si quelqu'un a deja resolu ce probleme ou connais las olution, de grace  :cry:


Message édité par guzman le 10-11-2005 à 17:29:02
Reply

Marsh Posté le 10-11-2005 à 16:33:25   

Reply

Marsh Posté le 10-11-2005 à 16:40:00    

padding:0 ?
 
Mais déjà dire qu'un élément est à un endroit précis de la page mais "attention" sans sortir du flux courant d'éléments et tout ça en se placant à gauche des autres ca me parait un peu beaucoup bizare.
 
float = je me cole le plus possible au côté de l'élément qui me contient
position:absolute = je me place exactement là où on me dit quel que soit mon conteneur
display:inline = je me place juste à la suite de l'élément précédant sans revenir à la ligne
 
Donc les trois sont incompatible les un avec les autres.
 
PS : Et je paris qu'on va m'avoir grillé.
 
EDIT : Finalement non, je suis prem à avoir répondus.

Message cité 1 fois
Message édité par omega2 le 10-11-2005 à 16:41:11
Reply

Marsh Posté le 10-11-2005 à 16:57:07    

Ok, j'ai supprimer "float:left" et "display : inline", mais j'obtient toujours le doublement de mes mages droites et gauche:
 
 
mais ca marche pas...
 
Dois-je tenter de positinner mon bloc avec float ou existe t-il un espoir?

Reply

Marsh Posté le 10-11-2005 à 17:10:08    

J'ai suprimer les position:absolute pour resoudre le probleme des doubles marges, et ca a marché : merci Omega2  ;)  
 
Tout fonctionne sous IE mais plus sous FireFox. Je veux créé 3 colonnes,  mais celle du centre n'est plus afficher entre les 2 autres, mais prend toute la largeur de la pages en dessous des autres.
 
Vola mon css:

Code :
  1. #Menuleft {
  2.     float: left;
  3.     width : 160px;
  4. }
  5. #CenterMenu {
  6.     float:left;
  7.     display: inline;
  8.     min-width : 438px;
  9. }
  10. #RightMenu {
  11.     float: right;
  12.     width : 24.6%;
  13.     BACKGROUND-IMAGE: url(QuickLinks.gif);
  14.     display: inline;
  15.     min-width: 200px;
  16. }


 
et mon xhtml:

Code :
  1. <div id="Menuleft">...</div>
  2. <div id="RightMenu">...</div>
  3. <div id="CenterMenu">...</div>


 

Reply

Marsh Posté le 10-11-2005 à 17:28:38    

C bon, j'ai trouvé, il suffit de mettre float:top pour #Centermenu.

Reply

Marsh Posté le 10-11-2005 à 22:36:37    

float:top ? Ca existe comme valeur de float?
Dans la doc de css2, je vois : left, right, none, inherit ..

Reply

Marsh Posté le 10-11-2005 à 23:29:50    

omega2 a écrit :

float:top ? Ca existe comme valeur de float?
Dans la doc de css2, je vois : left, right, none, inherit ..


 
 
en tout cas pour Firefox, ca marche, allez savoir.
 
C'est juste un coursework qui doit etre valide xhml, et pas css...alors ca passera

Reply

Marsh Posté le 11-11-2005 à 14:23:08    

T'as essayé sans float?

Reply

Marsh Posté le 11-11-2005 à 15:04:35    

adoy a écrit :

T'as essayé sans float?


 
Oui, l'affichage est correcte pour IE, les 3 colonnes commencent  au meme endroit.
 
Mais si je l'enleve, la colonne du milieu commence a partir de la fin de la derniere colonne...

Reply

Marsh Posté le 11-11-2005 à 15:50:45    

omega2 a écrit :


float = je me cole le plus possible au côté de l'élément qui me contient
position:absolute = je me place exactement là où on me dit quel que soit mon conteneur
display:inline = je me place juste à la suite de l'élément précédant sans revenir à la ligne
 
Donc les trois sont incompatible les un avec les autres.


 

guzman a écrit :

Oui, l'affichage est correcte pour IE, les 3 colonnes commencent  au meme endroit.
 
Mais si je l'enleve, la colonne du milieu commence a partir de la fin de la derniere colonne...


 
Si tu relis ce que omega2 a écrit, tu vas voir une erreur dans ton code. Retire tes dipsplay:inline et vire ton float:top. Réessais...
 
Puis un petit lien http://css.alsacreations.com/Bases [...] t-en-ligne pour comprendre de quoi il retourne.

Reply

Marsh Posté le 11-11-2005 à 15:50:45   

Reply

Marsh Posté le 11-11-2005 à 16:54:31    

adoy a écrit :

Si tu relis ce que omega2 a écrit, tu vas voir une erreur dans ton code. Retire tes dipsplay:inline et vire ton float:top.


 
Yep, ca marche sur IE et FF  
 
Un grand merci  :jap:

Reply

Sujets relatifs:

Leave a Replay

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