Tom's Guide > Forum > Programmation > GROS Problème avec mon site
Mot :    Pseudo :           
 

Salut j'ai fait un site avec un espace où écrire extensible. Regardez l'image qui suit il y a deux ligne une en haut et l'autre en bas. Ça fait cela avec Firefox mais avec Internet Explorer ça ne fait pas ça. Je ne comprend pas pouvez-vous m'aider ? Merci.

http://img247.imageshack.us/img247/3413/sanstitreik9.th.jpg


Message édité par KillerSpree_13 le 18-01-2007 à 03:12:57
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

l'image, c'est le bon ou le mauvais exemple?
et sans source, je crois pas que quelqu'un puisse faire qq chose.

Répondre à coca25

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&eacute;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="&Eacute;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&eacute;l&eacute;charger" border="0" /></a>
</div>


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

Répondre à KillerSpree_13

KillerSpree_13 a écrit :

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.

------------------------------ Réseau IRC Francophone | g33k-zone
Défiez-moi donc !
Répondre à crazycat@idn

Non l'eapce entre les div est toujours là mais avec intenet explorer il ny en a pas alors ça doit avoir rapport avec firefox qu icause des problème des fois ...

Répondre à KillerSpree_13

Alors vous avez une autre solution ?

Répondre à KillerSpree_13

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

Répondre à kayner
Tom's Guide > Forum > Programmation > GROS Problème avec mon site
Aller à :

Il y a 512 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens