Sur IE, c'est OK....mais sur FF...
SuperCynt
Messages postés
2
Statut
Membre
-
Cynt -
Cynt -
Salut :)
J'suis entrain de me monter un site web, et j'ai besoin de votre aide pour régler mon problème.
Sur IE, tout est ok...mais sur FF, c'est tout une autre histoire. Mes blocks ne sont pas à la bonne place.
J'ai essayé par tout plein de méthode de faire en sorte que mes blocks soient bien disposés dans IE ainsi que dans FF...mais sans aucun succès.
J'ai donc besoin de votre aide afin de m'aider à résoudre mon problème de façon efficace et sans flafla :)
Voici mon CSS :
body
{
background-color: #404072;
width: 1240px;
}
#en_tete
{
background-color: #9c9dda;
width: 1239px;
height: 200px;
border-width: 5px;
border-color: #8a8aca;
border-style: ridge;
margin-left: auto;
margin-right: auto;
}
#menu
{
background-color: #0094ec;
width: 300px;
height: 1000px;
border-width: 5px;
border-color: #8a8aca;
border-style: ridge;
float: left;
}
#corps
{
background-color: #42a865;
width: 939px;
height: 1000px;
border-width: 5px;
border-color: #8a8aca;
border-style: ridge;
float: right;
}
#piedpage
{
background-color: #9c9dda;
width: 1239px;
height: 150px;
border-width: 5px;
border-color: #8a8aca;
border-style: ridge;
clear: both;
}
Vous pouvez constater les dégâts à cette adresse : www.supercynt.com/001.php
Merci bien !!
J'suis entrain de me monter un site web, et j'ai besoin de votre aide pour régler mon problème.
Sur IE, tout est ok...mais sur FF, c'est tout une autre histoire. Mes blocks ne sont pas à la bonne place.
J'ai essayé par tout plein de méthode de faire en sorte que mes blocks soient bien disposés dans IE ainsi que dans FF...mais sans aucun succès.
J'ai donc besoin de votre aide afin de m'aider à résoudre mon problème de façon efficace et sans flafla :)
Voici mon CSS :
body
{
background-color: #404072;
width: 1240px;
}
#en_tete
{
background-color: #9c9dda;
width: 1239px;
height: 200px;
border-width: 5px;
border-color: #8a8aca;
border-style: ridge;
margin-left: auto;
margin-right: auto;
}
#menu
{
background-color: #0094ec;
width: 300px;
height: 1000px;
border-width: 5px;
border-color: #8a8aca;
border-style: ridge;
float: left;
}
#corps
{
background-color: #42a865;
width: 939px;
height: 1000px;
border-width: 5px;
border-color: #8a8aca;
border-style: ridge;
float: right;
}
#piedpage
{
background-color: #9c9dda;
width: 1239px;
height: 150px;
border-width: 5px;
border-color: #8a8aca;
border-style: ridge;
clear: both;
}
Vous pouvez constater les dégâts à cette adresse : www.supercynt.com/001.php
Merci bien !!
A voir également:
- Sur IE, c'est OK....mais sur FF...
- Impossible d'ouvrir une page web malgré connexion ok ✓ - Forum Réseaux sociaux
- Comment faire ok sur une télé sans télécommande ✓ - Forum Téléviseurs
- Pages internet qui ne s'ouvre pas malgres une bonne connexion ✓ - Forum Windows 8 / 8.1
- Autoradio ne fonctionne plus fusible ok - Forum Audio
- Radio qui ne s'allume plus après étincelle ✓ - Forum Autoradio
5 réponses
#en_tete
{
background-color: #9c9dda;
width: 1239px;
height: 200px;
border-width: 5px;
border-color: #8a8aca;
border-style: ridge;
margin-left: auto;
margin-right: auto;
}
deja ca irai mieu comme ca :
#en_tete
{
background-color: #9c9dda;
width: 1239px;
height: 200px;
border-width: 5px;
border-color: #8a8aca;
border-style: ridge;
margin: auto;
}
non ?
#corps
{
background-color: #42a865;
width: 939px;
height: 1000px;
border-width: 5px;
border-color: #8a8aca;
border-style: ridge;
margin-left:310px;
}
<quote="rudak">deja ca irai mieu comme ca :
</quote>
Non, pas du tout...ça m'donne aucune différence...
<quote="notobe"> margin-left:310px; </quote>
Dans FF, ça améliore la situation mais c'est loin d'être ''perfect''...et dans IE, c'est vraiment pas beau....ça ressemble pas mal à ce que FF me donnait comme résultat avant. Dans l'fond, ça ''switch'' le problème.
Merci :)
</quote>
Non, pas du tout...ça m'donne aucune différence...
<quote="notobe"> margin-left:310px; </quote>
Dans FF, ça améliore la situation mais c'est loin d'être ''perfect''...et dans IE, c'est vraiment pas beau....ça ressemble pas mal à ce que FF me donnait comme résultat avant. Dans l'fond, ça ''switch'' le problème.
Merci :)
Dans l'état actuel, le rendu avec IE8 le rendu est encore pire qu'avec FF... :/
Enlevez le 'commentaire html' présent en tout début de fichier, et changez le type application/xhtml+xml en text/html (à moins que vous ayez l'intention d'utiliser du xml dans vos pages ?)
Enlevez le 'commentaire html' présent en tout début de fichier, et changez le type application/xhtml+xml en text/html (à moins que vous ayez l'intention d'utiliser du xml dans vos pages ?)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
tu doi mettre une autre div qui va contenir ton menu et ton corps
<div id="main">
<div id="menu"></div>
<div id="corps"></div>
</div>
après tu mets ton pied de page sauf avant tu doit mettre ceci
<div id="ie_clearing"> </div>
div id="piedpage"></div>
du côté css pour le ie_clearing:
#ie_clearing
{
clear:both;
}
<div id="main">
<div id="menu"></div>
<div id="corps"></div>
</div>
après tu mets ton pied de page sauf avant tu doit mettre ceci
<div id="ie_clearing"> </div>
div id="piedpage"></div>
du côté css pour le ie_clearing:
#ie_clearing
{
clear:both;
}
