28220 sujets

CSS et mise en forme, CSS3

[Résolu] Problème d'affichage avec IE

Bonjour,

Je suis entrain de mettre en forme ma nouvelle page à l'adresse
http://www.rondoveneziano.net/_news/[/url]
Ce qui me pose problème c'est la partie centre qui, malgré un margin-top à 5 px comme la partie gauche, est collé au header2 sous IE alors qu'avec Firefox et Opera c'est ok.
J'ai beau essayé et je n'arrive pas à trouver de solutions. Smiley decu
Merci de votre aide Smiley biggrin
Niklaus
Modifié par Niklaus (26 Mar 2005 - 11:22)
Oups, l'adresse est
http://www.rondoveneziano.net/_news/[/url]

Ma css
* {
margin: 0px;
padding: 0px;}

#conteneur {
position: absolute;
left: 50%;
margin-left: -380px;
width: 760px;
text-align: center;}

#header1 { 
height: 25px;
margin-top: 20px;}

#header2 {
height: 55px;
border: blue dotted 1px;
background-image: url(design/background_jaune.jpg);
border: #cc9966 solid 2px;}

#gauche {
position: absolute;
left:0;
width: 180px; 
margin-top: 5px;
background-image: url(design/background_jaune.jpg);
border: #cc9966 solid 2px;}

#centre {
height: 400px;	/* la hauteur pousse le pied de page vers le bas */
margin-top: 5px;
margin-left: 190px;
padding: 10px;
background-image: url(design/background_jaune.jpg);
border: #cc9966 solid 2px;}

#pied {
margin-top: 5px;
background-image: url(design/background_jaune.jpg);
border: #cc9966 solid 2px;}


html
Ok, ça marche Smiley smile
Oui j'essaie de respecter mais novice comme moi n'a pas encore tout compris Smiley cligne
Je vais expressement relire cet article.
Merci beaucoup pour l'aide
Niklaus
Salut,

Néanmoins si tu souhaites conserver ta structure actuelle (qui d'ailleurs me semble inspirée des modèles CSS de ce site), ton problème se règle en enlevant la hauteur du #centre (cf le modèle Alsa correspondant au tiens). Si tu veux figer ta hauteur, il te faudra encapsuler l'ensemble dans un sous-conteneur pour que tout "se tienne" sous IE.

Bonne continuation Smiley biggrin
Nilpohc a écrit :
Salut,

Néanmoins si tu souhaites conserver ta structure actuelle (qui d'ailleurs me semble inspirée des modèles CSS de ce site), ton problème se règle en enlevant la hauteur du #centre (cf le modèle Alsa correspondant au tiens). Si tu veux figer ta hauteur, il te faudra encapsuler l'ensemble dans un sous-conteneur pour que tout "se tienne" sous IE.

Bonne continuation Smiley biggrin


Merci pour le conseil. Oui j'ai repris une base d'Alsacreation et j'avais laissé volontairement la hauteur du #centre pour que la partie #pied reste toujours en bas. C'était mieux visuellement pour moi Smiley biggrin
Mais c'est vrai que j'aime mieux ton conseil. Je vais me mette à la tâche Smiley smile
Sujet clos
Aller à