[CSS] Problème Div sous IE
Résolu
kirai
-
Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je rencontre un problème avec l'affichage de mes div sur internet explorer (cela fonctionne pourtant parfaitement sur safari et mozilla). J'obtiens un décalage de mon header sur le contenu de ma page lorsque je redimensionne celle-ci (idem avec le footer). Est-ce que cela pourrait être dû au découpage de mes header et footer en 3 parties (étirables) ?
voici un lien vers le site : http://promoremorques.free.fr
Merci d'avance pour vos conseils avisés :D
Je rencontre un problème avec l'affichage de mes div sur internet explorer (cela fonctionne pourtant parfaitement sur safari et mozilla). J'obtiens un décalage de mon header sur le contenu de ma page lorsque je redimensionne celle-ci (idem avec le footer). Est-ce que cela pourrait être dû au découpage de mes header et footer en 3 parties (étirables) ?
voici un lien vers le site : http://promoremorques.free.fr
Merci d'avance pour vos conseils avisés :D
Configuration: Mac OS X Safari 525.27.1
5 réponses
-
salut,
je n'ai pas de IE sous la main main tu mélanges plusieurs positionnement, des tailles relatives et fixes et une marge négative, ça fait beaucoup !
mieux vaudrait imbriquer les <div>. le container a un arrière plan qui s'affichera à gauche, à l'intérieur un <div> qui affichera la partie droite et un troisième qui est centré et affiche la bannière.
-
salut,
pour commencé la structure de ton site est mauvaise n'utilise pas de table sa réagis pas du tout de la même manière sur ie que sur ff, ensuite pour que les hauteur relative sur ie fonctionne (height:100%) il te faut apliqué ceci sur body
body{
height:100%;
}
pourquoi met tu tes header en position relative tu n'a pas besoin
exemple de structure
<html> <head> <style> body{ margin:0px; padding:0px; height:100%; font-family:.....; etc } #conteneur{ ... } #conteneur #header{ } #conteneur #footer{ } </style> </head> <body> <div id="conteneur"> <h1 id="header">PazzLand.com</h1> <div id="contenu"> blablabla...... </div> <div id="fotter">c copyright .... etc</div> </div>
voila avec sa tu peux faire des merveille
pazz-
-
Alors, petit problème, le code que tu m'as conseillé marche parfaitement, mais inconvénient : je n'ai plus de header ni de footer étirables... ils sont fixes et centrés à présent. J'avais pensé a cette solution, mais ça ne correspond plus vraiment à ce que j'espérais en terme de design ^^' faut voir si je suis prêt à faire des concessions maintenant :/ Merci encore :D
-
-
au risque de paraître insistant…
tu gardes ce que tu viens de faire et dans le header tu imbriques des <div>, je vais essayer de te faire un exemple.
si tu as déjà vu, la technique est la même que pour faire des coins arrondis.
-
voili, voilà…
je crois que j'ai prévu un peu large mais bon !
au lieu d'un troisième <div> j'ai pris un <h2> (<h1> est déjà pris dans mon document) c'est plus logique pour un titre.
de toute façon le principe est le même, j'ai trois image plus large qu'il ne faut et affiché l'une sur l'autre. la première à gauche (elle ne va pas jusqu'au côté droit), la deuxième à droite (elle ne va pas jusqu'au côté gauche) et la troisième qui couvre les deux autres et fait la jonction.
évidement il faut des graphismes compatibles…
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
bonne nouvelle !
mais n'oublie pas les conseils de Pazz, pas de tableaux pour la mise en page !
et évite les marges négatives et les positions en relatif et absolu tant que tu ne maitrises pas CSS !
-;o)
bon courage pour la suite !
