Se connecter avec
S'enregistrer | Connectez-vous

GROS Problème avec mon site

Dernière réponse : dans Programmation
Lassé par la pub ? Créez un compte

C'est le mauvais exmple car avec intenret explorer il ny a pas de ligne et avec firefox il y en a et moi je nen veux pas ... Voici le html et css :


/*------------------------------------*/
/* CSS */
/*------------------------------------*/



/* Page */

body
{
background-color:#9A0000;
padding:0px;
margin:0px;
width:auto;
height:auto;
}

#banniere
{
margin:auto;
margin-top:15px;
position:relative;
background-image:url(../images/design/07.jpg);
background-repeat:no-repeat;
width:628px;
height:136px;
}

#boutons
{
margin:auto;
margin-top:15px;
width:613px;
height:39px;
position:relative;
background:none;
}

#corps
{
width:628px;
height:auto;
background-image:url(../images/design/10.jpg);
background-repeat:repeat-y;
position:relative;
margin-left:auto;
margin-right:auto;
}

#haut
{
background-image:url(../images/design/08.jpg);
width:628px;
height:45px;
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:15px;
}

#bas
{
background-image:url(../images/design/09.jpg);
width:628px;
height:20px;
position:relative;
margin-left:auto;
margin-right:auto;
}

#footer
{
margin-top:15px;
width:612px;
height:39px;
position:relative;
margin-left:auto;
margin-right:auto;
}

/* Autres */

a
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#000000;
text-decoration:none;
}

a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#B00000;
text-decoration:none;
}

p
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#000000;
text-align:center;
text-decoration:none;
margin:5px;
}








HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Power Web Live - Le pouvoir du web</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" />
</head>

<body>










<div id="banniere"></div>



<div id="boutons">
<a href="http://www.powerweblive.com/index.html"><img src="images/design/01.jpg" alt="Accueil" border="0" /></a><a href="http://www.powerweblive.com/creations.html"><img src="images/design/02.jpg" alt="Créations" border="0" /></a><a href="http://www.powerweblive.com/tutoriaux.html"><img src="images/design/03.jpg" alt="Tutoriaux" border="0" /></a><a href="http://www.powerweblive.com/equipe.html"><img src="images/design/04.jpg" alt="Équipe" border="0" /></a><a href="http://www.powerweblive.com/galerie.html"><img src="images/design/05.jpg" alt="Galerie" border="0" /></a><a href="http://www.powerweblive.com/telecharger.html"><img src="images/design/06.jpg" alt="Télécharger" border="0" /></a>
</div>


<div id="haut"></div>
<div id="corps">
<p> </p>
<p>Bonjour tout le monde et bienvenue sur Power Web Live. Ce site web se consacre un peu à</p>
<p>tout. Il y a des créations faites par l'équipe, une galerie d'images et de vidéos, un forum où</p>
<p>vous pouvez clavarder sur de différents sujets et aussi des tutoriaux qui seront en ligne d'ici</p>
<p>peu. Nous espérons que vous allez apprécier votre visite. Merci beaucoup !</p>
<p> </p>
<p> </p>
<p><strong>Toute l'équipe</strong></p>
</div>
<div id="bas"></div>



<div id="footer">
<img src="images/design/11.jpg" alt="Copyright" /><a href="mailto:killerspree24@hotmail.com,gumgl@hotmail.com?subject=A propos de Power Web"><img src="images/design/12.jpg" alt="Contact" border="0" /></a><img src="images/design/13.jpg" /></div>










</body>

</html>
Expert Programmation

KillerSpree_13 a dit :
C'est le mauvais exmple car avec intenret explorer il ny a pas de ligne et avec firefox il y en a et moi je nen veux pas ...

Ce que tu appelles "ligne", c'est la séparation rouge entre les divs?

Met des padding à 0 sur les 3 div concernés (haut, bas, corps), cela doit pouvoir aider.

ben les différences entre les différents navigateur sont un probleme à s'arracher les cheuveux!

dès fois on peut les modifiers, dès fois faut bricoler un peu


sinon tu cales tout pour que ca marche avec explorer et apres tu rajourte des info dans ton css avec !important a la suite. c'est des infos qui seront prisent uniquement par Firefox

ex :
margin-top:15px; <<< sera pris par IE
margin-top:30px !important; <<< sera pris par FF
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde