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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] - Probleme double marge IE : position:absolute [résolu]

guzman

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 :

#CenterMenu {
float: left;
position:absolute;
display: inline;
margin-left: 162px;
margin-right: 25%;
}

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

Publicité

omega2

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

guzman

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?

guzman

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 :

#Menuleft {
float: left;
width : 160px;
}
#CenterMenu {
float:left;
display: inline;
min-width : 438px;
}
#RightMenu {
float: right;
width : 24.6%;
BACKGROUND-IMAGE: url(QuickLinks.gif);
display: inline;
min-width: 200px;
}

et mon xhtml:

Code :

<div id="Menuleft">...</div>
<div id="RightMenu">...</div>
<div id="CenterMenu">...</div>

guzman

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

omega2

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

Message cité 1 fois

guzman

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

adoy

aka KingOfNuls

T'as essayé sans float?

Message cité 1 fois

guzman

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...

Message cité 1 fois

adoy

aka KingOfNuls

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.

Message cité 1 fois

Publicité

guzman

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:

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
[CSS] - Fixer une largeur de div minimale ?	warning gcc [Résolu]
[MACRO excel / resolu ] creation d hyperliens amenant a des feuillets	probleme sessions panier
[ECLIPSE] ClearCase plugin->> Probleme Résolu	Probleme de resize des thumbnails galerie photo...
[VBS] (résolu) copy overwrite fonctionne pas.. pourquoi?	[CSS] Demande de confirmation
Problème avec Spip
Plus de sujets relatifs à : [CSS] - Probleme double marge IE : position:absolute [résolu]

Page générée en 0.058 secondes