Problème CSS/HTML (affichage)

Dernière réponse : 14 Août 2007 07:24 dans Programmation

sysmetrixx

14 Août 2007 00:40:26

Pour commencer bonjour à tous.

J'ai un petit problème sur une page internet que je suis entrain de créer :-/, car si le problème persiste je ne pourrais rien faire dessus.

Donc déjà si vous voulez voir le beug c'est la -> http://www.og-matadores.fr/Xe/index.php

Donc vous aurez vu le beug au niveau du menu, il y a un décalage et je ne sais absolument pas pourquoi sachant qu'il y a deux images qui sont "pas trop mal" positionnées.

Donc je vous passe déjà le code de mon index.php :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">

<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>">

<head>

<title>Xtr4d3's Skins</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />

 
</head>

 
<body>

<div id="header">

</div>

 
 
 
<center><a href="elegance.php"><img src="img/elegance.png" alt="Elegance Skin" title="Cliquez pour le voir !" /></a><a href="chimik.php"><img src="img/chimik.png" alt="Chimik Skin" title="Cliquez pour le voir !" /></a><a href="db_blue.php"><img src="img/db_blue.png" alt="db_blue Skin" title="Cliquez pour le voir !" /></a></center>

 
 
<div id="corps">

   <h1>Mes Skins</h1>

</div>

 
<div id="footer">

<p>Copyright Xtr4d3 2007, tous droits réservés</p>

</div>

 
</body>

</html>

Celui de mon CSS :

body

{

width:600px;

margin:auto;

margin-top:20px;

margin-bottom:20px;

background-image:url(img/background.jpg);

background-repeat:inherit;

}

 
#header

{

width:685px;

height:84px;

background-image:url(img/header.png);

background-repeat: no-repeat;

margin: auto;

}

 
#corps

{

background-image:url(img/corps.png);

background-repeat:no-repeat;

margin:auto;

width:685px;

height:750px;

text-align:center;

}

 
#corps h1

{

color:#999999;

font-family:Arial, Helvetica, sans-serif;

top:20px;

font-style:normal;

text-align:center;

font-variant: small-caps;

text-decoration:underline;

}

 
#footer

{

background-image:url(img/copyright.png);

background-position:center;

background-repeat:no-repeat;

text-align:center;

}

 
img 

{

height:25px;

border: 0;

}

Donc, le corp, comme vous l'aurez vu fait 685px et le menu fait moin 600px, donc logiquement il ne devrait pas avoir le problème de "chevauchement".

Si vous avez l'aimable sympathie de m'aider, ça serait vraiment gentil :-].

Merci pour vos réponses prochaines

Autres pages sur : probleme css html affichage