Décallage IE / FF
Rabiere
-
math 2000 Messages postés 2833 Statut Membre -
math 2000 Messages postés 2833 Statut Membre -
Bonjour,
Malgrès le fait que ce sujet soit très souvent abordé, je ne trouve pas la solution à mon problème :
Mon menu laisse un blanc sous ma bannière lorsque l'on visionne mon site sous Mozilla Firefox alors que sous IE, il est parfaitement positionné.
Html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>R&C</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="./css/page.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="haut">
</div>
<div id="menu-principal">
<p>
<a href="#">Accueil</a>
<a href="#">Immobilier</a>
<a href="#">Articles</a>
<a href="#">Fonds d'écran</a>
<a href="#">Livre d'or</a>
<a href="#">Forum / contact</a>
<a href="#">Partenaires</a>
</p>
</div>
<div id="conteneur">
<div id="conteneur-2">
</div>
<div id="corps">
<p>
</p>
</div>
</div>
<div id="bas">
Copyright © 2009 R&C. Tous droits réservés. Les images, articles et téléchargements appartiennent aux modérateur de ce site. Il est interdit de les diffuser sans leurs accords.
</div>
</body>
</html>
Css :
/* ==================== */
/* La page en elle-même */
/* ==================== */
body
{
background-color: #353334;
margin-top: 25px;
}
body a
{
color: black;
}
body a:hover
{
text-decoration: none;
}
/* ==================== */
/* La bannière */
/* ==================== */
#haut
{
width: 900px;
height: 150px;
margin: auto;
background-image: url("../images/banniere1.png");
margin-top: 0px;
}
/* ==================== */
/* Le menu principal */
/* ==================== */
#menu-principal
{
width: 900px;
height: 30px;
margin: auto;
margin-top: -10px;
background-image: url("../images/menu-principal.png");
}
#menu-principal a
{
color: white;
text-decoration: none;
display: block;
width: 128px;
height: 25px;
float: left;
padding-top: 05px;
text-align: center;
}
#menu-principal a:hover
{
background-image: url("../images/menu-principal-hover.png");
}
/* ==================== */
/* Conteneurs */
/* ==================== */
#conteneur
{
background-color: white;
width: 890px;
padding: 5px;
margin: auto;
margin-top: 0px;
}
#conteneur-2
{
width: 200px;
margin-top: 5px;
float: left;
background-color: white;
}
/* ==================== */
/* Le corps */
/* ==================== */
#corps
{
margin-top: 0px;
margin-left: 20px;
height: 350px;
width: 900px;
}
/* ==================== */
/* Le Bas */
/* ==================== */
#bas
{
width: 900px;
height: 50px;
margin: auto;
background-image: url("../images/bas.png");
font-size: 11px;
background-repeat: no-repeat;
text-align: center;
padding-top: 32px;
font-family: times news roman;
}
A l'aide :)
Malgrès le fait que ce sujet soit très souvent abordé, je ne trouve pas la solution à mon problème :
Mon menu laisse un blanc sous ma bannière lorsque l'on visionne mon site sous Mozilla Firefox alors que sous IE, il est parfaitement positionné.
Html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>R&C</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="./css/page.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="haut">
</div>
<div id="menu-principal">
<p>
<a href="#">Accueil</a>
<a href="#">Immobilier</a>
<a href="#">Articles</a>
<a href="#">Fonds d'écran</a>
<a href="#">Livre d'or</a>
<a href="#">Forum / contact</a>
<a href="#">Partenaires</a>
</p>
</div>
<div id="conteneur">
<div id="conteneur-2">
</div>
<div id="corps">
<p>
</p>
</div>
</div>
<div id="bas">
Copyright © 2009 R&C. Tous droits réservés. Les images, articles et téléchargements appartiennent aux modérateur de ce site. Il est interdit de les diffuser sans leurs accords.
</div>
</body>
</html>
Css :
/* ==================== */
/* La page en elle-même */
/* ==================== */
body
{
background-color: #353334;
margin-top: 25px;
}
body a
{
color: black;
}
body a:hover
{
text-decoration: none;
}
/* ==================== */
/* La bannière */
/* ==================== */
#haut
{
width: 900px;
height: 150px;
margin: auto;
background-image: url("../images/banniere1.png");
margin-top: 0px;
}
/* ==================== */
/* Le menu principal */
/* ==================== */
#menu-principal
{
width: 900px;
height: 30px;
margin: auto;
margin-top: -10px;
background-image: url("../images/menu-principal.png");
}
#menu-principal a
{
color: white;
text-decoration: none;
display: block;
width: 128px;
height: 25px;
float: left;
padding-top: 05px;
text-align: center;
}
#menu-principal a:hover
{
background-image: url("../images/menu-principal-hover.png");
}
/* ==================== */
/* Conteneurs */
/* ==================== */
#conteneur
{
background-color: white;
width: 890px;
padding: 5px;
margin: auto;
margin-top: 0px;
}
#conteneur-2
{
width: 200px;
margin-top: 5px;
float: left;
background-color: white;
}
/* ==================== */
/* Le corps */
/* ==================== */
#corps
{
margin-top: 0px;
margin-left: 20px;
height: 350px;
width: 900px;
}
/* ==================== */
/* Le Bas */
/* ==================== */
#bas
{
width: 900px;
height: 50px;
margin: auto;
background-image: url("../images/bas.png");
font-size: 11px;
background-repeat: no-repeat;
text-align: center;
padding-top: 32px;
font-family: times news roman;
}
A l'aide :)
A voir également:
- Décallage IE / FF
- Ie tab - Télécharger - Outils pour navigateurs
- Adresse ff - Forum Réseau
- Erreur 20 ff free - Forum Réseaux sociaux
- Ie 11 - Télécharger - Navigateurs
- Erreur 40 ff freebox - Forum Freebox
14 réponses
je te dis ce que je vois je vois un fond noir avec au milieux un carré blanc et au desus je vois accueil immobilier et celà sur tout les navigateur ie6 ie7 firefox opéra google chrome safaris
et dans le fond noir il y a marquè tout droit réservé blabla quel est la différence
et dans le fond noir il y a marquè tout droit réservé blabla quel est la différence
C'est parceque les images sont dans mon dossier donc tu ne vois pas la bannière correctment.
J'envoi le lien qui permet un aperçu de mon site, et plus précisement de mon soucis :
http://sd-1.archive-host.com/membres/images/60520811122961930/BUG.jpg
J'envoi le lien qui permet un aperçu de mon site, et plus précisement de mon soucis :
http://sd-1.archive-host.com/membres/images/60520811122961930/BUG.jpg
ça serait plus pratique avec un lien si tu en a un si j'ai bien compris tu veutx supprimer lespace entre acceuil et blabla
si c'est ça je crois que c'est un truc du genre margin-top:0px
si c'est ça je crois que c'est un truc du genre margin-top:0px
Je n'ai pas d elien parce que le site n'est pas encore en ligne. Jai déjà testé le margin-top: 0px; mais sans résultat. D'autres idées ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
je pense que ton menu à une hauteur trop grande
essaie ne remplaçant le 30
tu as aussi le magin top -10 qui recule de 10 px dans ton fichier css
sinon j'ai besoins de tout les fichier tu peux me le passer dans un fichier mht tu fait fichier enregistrer sous dans ie et tu choisis archive web seule mht
et tu l'heberge ou me l'envoie à bormat2@gmail.com
car sinon avec des capture d'écran c pas pratique pour t'aider
#menu-principal
{
width: 900px;
height: 30px;
margin: auto;
margin-top: -10px;
background-image: url("../images/menu-principal.png");
essaie ne remplaçant le 30
tu as aussi le magin top -10 qui recule de 10 px dans ton fichier css
sinon j'ai besoins de tout les fichier tu peux me le passer dans un fichier mht tu fait fichier enregistrer sous dans ie et tu choisis archive web seule mht
et tu l'heberge ou me l'envoie à bormat2@gmail.com
car sinon avec des capture d'écran c pas pratique pour t'aider
je poste la réponse ici je n'est eu besoin de toucher qu'au html j'ai rajouter magin-top:-21
et j'ai mis un doctype scrict qui passe au html validator
et j'ai mis un doctype scrict qui passe au html validator
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta name="generator"
content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
<title>R&C</title>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<link href="./css/page.css" rel="stylesheet"
type="text/css" />
<style type="text/css">
/*<![CDATA[*/
div.c1 {margin-top: -21px;}
/*]]>*/
</style>
</head>
<body>
<div id="haut"></div>
<div id="menu-principal">
<p><a href="#">Accueil</a> <a href="#">Immobilier</a>
<a href="#">Articles</a> <a href="#">Fonds
d'�cran</a> <a href="#">Livre d'or</a></p>
</div>
<div id="conteneur">
<div id="corps" class="c1" style="margin-top: -21px;">
<p>Blablablabla blabla blablablab lab lablablablablab lablabla<br />
Blabla blablablabla blab lablablab lab lablab labl ablablabla Blabla
blablablabla blabl ablabl abl ablablab lablablablabla<br />
Blablab lablablabla blablablablabl ablab lablabl ablablabla<br />
Blablablab lablabla blablablabla blablablab lablabla blabla<br />
Blabla blablablabla blabla blablab lablablablablablablabla Bla
blablablablabla blablablablab lablablabl ablabl ablabla<br />
Blab lablablablabla blablablablabl abla blablabl ablablabla<br />
Blablablablab labla blab lablablabl ablablablablabla blabla
Blablablablablabla blablablablabla blablab lab lablablabla<br />
Blablab lablablabla blablabl ablabla blablablab labl ablabla<br />
</p>
</div>
Bla blablablablabla blabl ablablab lablab lablabl ablablabla<br />
Blablab lablablabla blabla blablab lablablabl ablabl ablabla<br />
</div>
<div id="bas">Copyright � 2009 R&C. Tous droits
r�serv�s. Les images, articles et t�l�chargements appartiennent aux
modérateur de ce site. Il est interdit de les diffuser sans leurs
accords.</div>
</body>
</html>
