28173 sujets

CSS et mise en forme, CSS3

[Compréhension] Mise en forme laborieuse

Bonsoir!

J'ai des petits soucis pour mettre en forme le design de mon site...

Explication... Voiçi ce que mon site donne sous toshop:

http://img124.imageshack.us/img124/2963/sitewp6.jpg

Sa roule pour le moment... Après, hé! Mais pourquoi que sa déconne?!! Smiley biggol Smiley rolleyes

Je présente le document comme ceci:


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
	background-color: #593d22;
}
#container {
	width: 623px;
	background-color: cd8c00;
	overflow: hidden;
}
#container #topmenu {
	width: 621px;
	height: 23px;
	background-color: #ca8a01;
}
#container #header {
	height: 122px;
	background-image: url(img/header.jpg);
	width: 623px;
}
#container  #contenu {
	width: 621px;
	overflow: hidden;
	margin-top: 126px;
}
#container #contenu #leftbar {
	width: 441px;
	float: left;
}
#container #contenu #bloc_texte {
	background-color: #e6c680;
	width: 428px;
}
#container #contenu #sidebar {
	width: 180px;
	float: right;
}
#container #contenu #sidebar #side_bloc {
}
-->
</style>
</head>

<body>
<center>
<div id="container">
    <div id="topmenu">Mon menu (aucun pb pour le faire)</div>
    <div id="header"></div>
    <div id="contenu">
    	<div id="leftbar">
    		<div id="bloc_texte">
    		<p>Lorem ipsum dolor et bla bla...</p>
    		</div>
    	</div>
    	<div id="sidebar">
        	<div id="side_bloc"></div>
            <div id="side_bloc"></div>
    	</div>
    </div>
</div>
</center>
</body>


Seulement... "contenu" (qui contient leftbar et sidebar) ne s'allonge pas avec les éléments de "contenu"... Et tout le bidule passe au-dessus de header (j'ai foutu une marge mais c'est pas propre a ma vue).

Quelqu'un saurais me conseiller?

Merci. Smiley confused
Sujet clos
Aller à