Aide sur la mise en page d'un site (HTML/CSS)

Sarti Messages postés 227 Statut Membre -  
 Utilisateur anonyme -
Bonjour,

J'ai deux soucis : la partie droite où se situe le texte n'a pas la même hauteur que la partie avec le menu -qui pourrait la dépasser selon la quantité de texte et d'images- enfin je n'arrive pas à borner l'espace disponible pour le texte, j'aimerais qu'il reste que dans la partie blanche.

Voici le texte HTML et celui du CSS :

HTML 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
		<link rel="stylesheet" media="screen" type="text/css" title="style" href="style.css" />
        <title>...</title>
    </head>

    <body>
<div id="header"></div>
<div id="container">
<div id="menu">
<img src="images/menu.png" alt="Menu">
</div>
<div id="main"><div id="texte">
<p>.</p>
</div></div></div>
<div id="footer"></div>
    </body>
</html>




CSS 
body
{
   width: 960px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 0x;    /* Idem pour le bas du navigateur */
   background-color: #000000; /* Le fond de la page sera vert */
   font-size: medium; /* Paragraphes de 14 pixels */
   text-align: justify;
   font-family: Georgia, Arial, Verdana, serif;
   padding-left: 5px;
   padding-right: 5px;
}
div#header {
	float: center;
	width: 960px;
	height: 258px;
	background: black url(images/banniere.gif) no-repeat right bottom;
}
div#menu {
	float: left;
	width: 215px;
	background: black url(images/fondmenu.png) repeat right bottom;
}
div#main {
	float: left;
	width: 745px;
	background: black url(images/corps.jpg) repeat right bottom;
}
div#footer {
	clear: left;
	width: 960px;
	height: 231px;
	background: black url(images/footer.gif) no-repeat right bottom;
}


Voilà ce que ça donne :
http://img11.hostingpics.net/pics/262699ScreenSite.png


Merci beaucoup !!
A voir également:

2 réponses

Réponse 1 / 2
Utilisateur anonyme
 
Mets un espace entre tes virgules.
0
Utilisateur anonyme
 
Entre tes trois tonnes de virgules *
0
Réponse 2 / 2
mpmp93 Messages postés 7217 Statut Membre 1 340
 
Bonjour,

Puis-je vous suggérer d'utiliser plutôt le positionnement CSS?

J'explique tout ça ici:
http://html5.immo-scope.com/index.php?page=html5/miseEnPageAvecPositionnement

A+
0