28173 sujets

CSS et mise en forme, CSS3

Salut,
Je ne comprends pas. J'ai une grande différence d'affichage dans la hauteur entre FF et IE.

Avez vous une idée : Comment résoudre cet écart?
http://www.la-thenardiere.com/test_cgg/asso_cgg.html
a voir. Tester sur IE

HTML

<div id="droite">
                <div id="haut"></div>
                        <div id="ascenseur1"></div>
                <div id="milieu"></div>
                <div id="ascenseur2"></div>
        </div>




CSS
/****************Partie droite****************/
#droite{
margin:auto;
width:170px;
height:695px;
float:right;
border:orange 1px solid;*/
}
#haut{
width:175px;
height:400px;
float:left;
border:red 1px solid;*/
}
#ascenseur1{
        width:170px;
        height:70px;
        float:left;
        background-image:url("img_cgg/fleche_oh.gif");
        background-repeat:no-repeat;
        padding-top:0px;
        margin-left:5px;
        border:white 1px solid;*/
}
#milieu{
width:170px;
height:150px;
float:left;
border:red 1px solid;*/
}
#ascenseur2{
width:170px;
height:70px;
float:left;
background-image:url("img_cgg/fleche_oh.gif");
background-repeat:no-repeat;
margin-left:5px;
border:white 1px solid;*/
}


En fait je souhaite positionner mes ascenseurs à des endroits précis. La méthode que j'ai trouvé, c'est d'imbriquer des div les unes dans les autres. Et utiliser des div vident pour générer les écarts.</attention>
<question>Y a t-il une meilleure solution ?</question>



EDIT : Ayéé Thomas ! Smiley smile Mais je dois dire qu'elle sont assez déprimantes à utiliser les balises et tous les inserts d'ailleurs. Tout ce met en bas du texte. si je veux insérer un smili après écriture par exemple. Et puis la prévu du message, c'est assez aléatoire. des fois oui, des fois non.
Mais bon, ça serait juste un super plus. Alsacréations est un excellent site et un excellent forum.
Modifié par Wuam (02 Mar 2007 - 12:26)
Bonjour,

Ben tout simplement car ton bloc contenu est callé en hauteur par le texte et comme FF et IE n'emploi pas la même hauteur de police, alors ben sous FF c'est presque bon et sous IE ça l'est moins...

Je te conseille d'aller faire un tour sur les tutos pour visualiser une mise en page sur 3 colonnes car de plus, vite fait, il me semble qu'il y a dans ton code quelques petites "coquilles"
Salut Ghost,
Merci pour ta réponse.
Tu as raison pour tout le bloc contenu, et les coquilles. Smiley ohwell
Je ne sais pas encore ou elles sont, mais je trouverais.

Depuis que j'ai posté ce message, j'ai pas mal cherché et j'ai trouvé pas mal d'infos sur la différence d'affichage. J'essaye de corriger, c'est pô facile... Smiley sweatdrop

Il faudrait simplement que je donne une hauteur à ce bloc "contenu"?