Positionnement CSS

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Positionnement CSS

karinou

Bonjour,

Je rencontre un petit soucis de positionnement CSS.

L'affichage entre Firefox et IE est tres tres different.

J'obtiens ce que je veux avec FF mais pas du tout avec IE.

Je vous explique le probleme, j'ai un décalage enorme sur la verticale de mes éléments.

J'ai placé mes div avec des positions relatives.

Or, j'ai l'impression que IE ajoute les valeurs top dans les positions

Je sais pas si c'est alors un petit exemple :

j'ai un element en top : 100px et un autre à 2OOpx de hauteur sous FF j'ai bien le premier element à une hauteur de 100 et le deuxieme à 200 mais sous IE, j'ai le premier a 100 et le deuxieme à 300 px.

je ne sais donc pas trop comment résoudre ce probleme, je ne remarque cela que dans les positions verticales.

Voici mon code : (je ne met pas tout, juste des div representatifs)

CSS :

Code :

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color:#e7eff2;
text-align:center;
color:#1b5278;
}
#conteneur {
margin: 0 auto;
width:800px;
height:100%;
text-align : left;
}
#menuRubriques {
position : relative;
left : 0px;
top : -350px;
width : 176px;
background-color: #e7eff2;
text-align : center;
font-weight: bold;
}
#menuFonctions {
position:relative;
left : 210px;
top : -500px;
width : 570px;
height : 150px;
background-color: #F2F7F7;
font-weight: bold;
}
#conteneurLogo {
position : relative;
left : 600px;
top : -380px;
width : 136px;
height : 71px;
background-color : #F2F7F7;
}
#contenu {
position:relative;
top : -600px;
left : 200px;
width : 550px;
min-height: 100px;
background-color:#e7eff2;
}
#menuHaut{
position : relative;
top : 0px;
left : 45px;
height : 0px;
/*width : 100px;*/
}
#menuDroite{
position : absolute;
left : 850px;
top : 300px;
width : 136px;
height : 150px;
font-size : 10px;
}
#menuHautFlash{
position : relative;
width : 300px;
height : 50px;
top : -160px;
left : 270px;
/*left : 202px;
top : -162px;
width : 440px;
height : 120px;
background-color:#AA0000;*/
}
#diaporama{
position : relative;
width : 300px;
height : 50px;
top : -160px;
left : 270px;
background-color:#e7eff2;
}

la page HTML :

Code :

<div id="conteneur">
<div id="imageAdmin">
...
</div>
<div id="menuHaut">
...
<div id="diaporama">
...
</div>
<div id="menuHautFlash">
...
</div>
</div>
<div id="menuRubriques">
</div>
<div id="contenu">
{centre}
</div>
<div id="menuDroite">
</div>
</div>

Vous avez le droit de dire que les noms de mes div ne sont pas parlant sur le contenu du div, mais pour moi, ils le sont, plus que si je mettais une description du contenu

Voila, quelqu'un aurait-il une solution à mon probleme???

Merci par avance, Karine

Message édité par karinou le 02-08-2005 à 13:44:13

Publicité

karinou

Pourquoi personne ne veut me repondre???
Mon probleme n'est pas clair??

Vous voulez des screensshot??

gatsusat

ben soit tu mets ta page HTML en ligne, soit tu nous poste des screenshot ca serait plus visible ton PB. Car vois tu, on a la fleme de faire un C/C de ton code dans un editeur HTML

karinou

alors des screen pake je fais un intranet donc ilmpossible de publier la page

version FF :
[img=http://img102.imageshack.us/img102/4496/sanstitre1copie6xp.th.jpg]

version IE :
[img=http://img102.imageshack.us/img102/9879/sanstitre2copie1gh.th.jpg]

D'autres questions???

karinou

Désolée d'insister mais personne ne sait pencher sur mon probleme, Y a t'il une raison????

Svp, je suis mal, je ne sais vraiment pas comment resoudre ce probleme et j'ai une présentation de mon site vendredi au boss :s: s:s:s

gatsusat

et toi tu t'es penchée sur ton problème ?

on a tous du boulot, on peut pas forcément répondre à tout, je verrai ce soir, rappelle le moi par MP à 18H

Badze

Aime les frites

Arrete les screenshot et met ton site en ligne, on aura acces a ton code.

karinou

Gatsusat > et toi tu t'es penchée sur ton problème ?

Merci beaucoup de ta reponse, une fois de plus, je ne vous comprends pas. A quoi ca sert que vous perdiez du temps à repondre pour dire ca!!

badze > je me repete je fais un site Intranet, je n'ai pas de moyen de mettre les pages sur un serveur et je n'ai pas internet chez moi.

Franchement les gars, des que je pose une question sur le forum, j'ai toujours l'impression d'etre prise pour une andouille. Ok, je suis une debutante, ok, j'ai pas votre niveau mais je suis la pour apprendre et c'est pas vraiment des reponses comme celles la qui me feront progresser...

Désolée de mon ennervement de ce matin, mais bon...

gatsusat

J'ai pas travaillé dessus tu me l'as pas rappelé par MP et donc ben je l'ai pas fait, j'ai oublié

gatsusat

c'est un peu le gros bordel, revoit mieux ta mise en page. Etant donné qu'on a aucun élément pour tester jpe rien faire. Je vois a peine les blocs, genre file nous des images du bordel, upload ca, on peut pas t'aider plus, on a aucun éléménts.

Publicité

phosphorus68

Pseudo à n°

height: 100% :heink: Selon la page, ça peut introduire énormément de problème ...
http://www.quirksmode.org/css/100percheight.html

FORUM HardWare.fr

Programmation

HTML/CSS

Positionnement CSS

Sujets relatifs
Problème de positionnement CSS	[CSS/Javascript] Positionnement relatif d'une image dans un DIV
[CSS] Bug IE : le positionnement entre les div et les champ <select> ?	Pb de positionnement de menus à partir d'une CSS
[CSS] Positionnement : Relatif ou absolu ?	Positionnement CSS : aaargh !
CSS : probleme de positionnement d'un bloc	Positionnement calques CSS
PB de positionnement css avec IE	[CSS] Positionnement flottant, hauteur du conteneur
Plus de sujets relatifs à : Positionnement CSS

Page générée en 0.058 secondes