Sujet Précédent Sujet Suivant

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

Fermé
Sarti Messages postés 208 Date d'inscription jeudi 6 août 2009 Statut Membre Dernière intervention 2 février 2019 - 27 oct. 2011 à 18:51
 Utilisateur anonyme - 28 oct. 2011 à 13:47
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
27 oct. 2011 à 18:59
Mets un espace entre tes virgules.
0
Utilisateur anonyme
28 oct. 2011 à 13:47
Entre tes trois tonnes de virgules *
0
Réponse 2 / 2
mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
28 oct. 2011 à 10:37
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

Discussions similaires

Nouveau coco tchat ?
LoupiotteDesTenebres -
brucine -

9 réponses
Chemin Logo du site de la Cité de l'espace
Keiios -
blux -

11 réponses
[SUJET GROUPÉ] Le site COCO.GG est définitivement fermé.
Utilisateur anonyme -
Panth33ra -

20 réponses
[référencement] Ne pas être référencé
kij_82 -
Searaphina -

10 réponses