Titre: probleme de bordure automatique...
Posté par: bigornot le le 20-03-2005 a 18:51:17
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">
<!-- BORDURE 1 -->
</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! |
Titre: Re:probleme de bordure automatique...
Posté par: OKKO le le 21-03-2005 a 11:42:51
salut !
Ce n'est pas dans body{ } qu'il fautt mettre tes marges ?!
A+ |
Titre: Re:probleme de bordure automatique...
Posté par: bigornot le le 21-03-2005 a 17:48:44
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|