[CSS] Problème Div sous IE
Résolu
kirai
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention - 14 janv. 2009 à 18:27
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention - 14 janv. 2009 à 18:27
A voir également:
- [CSS] Problème Div sous IE
- Ie tab - Télécharger - Outils pour navigateurs
- Div c++ - Télécharger - Langages
- Ie 11 - Télécharger - Navigateurs
- Google payment ie dublin - Forum Réseaux sociaux
- Ie 9 - Télécharger - Navigateurs
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.
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
voila avec sa tu peux faire des merveille
pazz
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.
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…
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
