probleme de bordure automatique... - Forum HTML / CSS / XHTML

La Communauté Webmaster

  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML (Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  probleme de bordure automatique...

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: probleme de bordure automatique... (Lu 823 fois)

probleme de bordure automatique...
« sur: le 20-03-2005 a 18:51:17 »

bigornot
Superactif

Hors-Ligne

Sexe: Male

Messages: 579

Je suis un fantôme!

Bonjour,

J'ai un probleme sur ma page :
http://www.bigornot-network.info/b-labs/

Le conteneur est décalé!
Pourquoi ? avec margin-left:0; ça ne change rien!!

voilà le code CSS :

Code:

body {
background-color: #E8E7E7;
}
#conteneur {
margin-top:50px;
margin-left:0;
position: absolute;
padding:0;
background-color:#BE5E5E;
border-top:1px solid #D1AFAF;
border-bottom: 1px solid #D1AFAF;
height:345px;
width:100%;
}
#bordure1 {
background-image: url(img/bordure.gif);
width:100%;
height:20px;
}
#bordure2 {
margin-top: 21px;
position: absolute;
background-image: url(img/bordure.gif);
height: 20px;
width:100%;
}
#logo {
position: absolute;
margin-top:25px;
margin-left:20px;
color:#fff;
font-size:10px;
font-family:"Trebuchet MS";
}
#logo img{
border:0;
}
#body {
margin-top:15px;
margin-left:380px;
width:495px;
padding:5px;
height:165px;
border:1px solid #D6D4D4;
color: #fff;
font-family: "Trebuchet MS", sans-sherif;
overflow: auto;
}
#body h1 {
display:inline;
font-size: 25px;
}
#menu {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
/*border-left:2px solid #fff;*/
width:100%;
margin-top:40px;
height:50px;
background-color:#C56E6E;
}
#menusous {
margin-top:13px;
margin-left:5px;
}
#menusous a {
color: #fff;
font-family: "Trebuchet MS";
font-size:17px;
text-decoration: none;
}

et XHTML :

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"DTD/xhtml1-strict.dtd">
<html>
<head>
<title>B-Labs</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div id="conteneur">
<div id="logo">
<a href="#"><img src="img/logo.gif" height="170" alt="B-Labs" /></a>
<br />Laboratoire à programmes inutiles faits par des "geeks paresseux"©
</div>
<div id="bordure1">

</div>

<div id="body">
<h1>Pourquoi B ?</h1><br /><br />
Et oui, porquoi ?
Parce que Bonsai, comme Bigornot, commence par B!
En toute simplicité!
<br /><br />
<h1>Puis-je utiliser vos scripts ?</h1><br /><br />
Mais bien sur!
Faites comme chez vous, téléchargez, prenez...
C'est gratuit! (mais un petit lien ne nous ferait pas de mal!)
Et puis, vous pouvez meme les distribuer (gratuitement).
</div>
<div id="menu">
<div id="menusous">
<a href="#">Prototypes du labo</a>    <a href="#">Table à essais</a>
</div>
</div>
<div id="bordure2">
</div>
</div>
</body>
</html>

Merci

//je viens de voir que ça le fait aussi sous ie!