Bonjour,
J'ai un petit problème avec un design que j'ai réalisé, comme vous pourrez le voir dans le code ci dessous, j'ai créé un div global avec deux div dedans, un div menu et un div texte. Mon div menu est donc en float:left et mon div texte en margin-left:190px pour laisser la place à mon menu. Le problème est que seul mon texte pouse le div global vers le bas, et il arrive que mon texte soit moin long que le menu. Dans ce cas, le div menu sort de mon div global (puisque'il est en float). Coment puis-je régler cela (en ajoutant des propriétés ou en optant pour une autre méthode)
cfr : http://nicolas.freezee.org/jeu/templates/base.html
Modifié par nicolas_faf (18 Jul 2005 - 09:55)
J'ai un petit problème avec un design que j'ai réalisé, comme vous pourrez le voir dans le code ci dessous, j'ai créé un div global avec deux div dedans, un div menu et un div texte. Mon div menu est donc en float:left et mon div texte en margin-left:190px pour laisser la place à mon menu. Le problème est que seul mon texte pouse le div global vers le bas, et il arrive que mon texte soit moin long que le menu. Dans ce cas, le div menu sort de mon div global (puisque'il est en float). Coment puis-je régler cela (en ajoutant des propriétés ou en optant pour une autre méthode)
cfr : http://nicolas.freezee.org/jeu/templates/base.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div id="global">
<h1>
<img src="http://nicolas.freezee.org/wiki/lib/exe/fetch.php?w=&h=&cache=cache&media=epee.png">Nom du site
</h1>
<div id="menu">
<ul id="nav">
<li id="titre">Héros</li>
<li><a href="#">Carte du monde</a></li>
</ul>
</div>
<div id="texte">
<h2>Connexion</h2>
<center>
Vous utilisez un navigateur qui ne respecte pas les standards du web, si vous désirez naviguez correctement et plus aisément, télécharger gratuitement et librement la dernière version de firefox. Les statistiques prouvent que 20% des utilisateurs posède firefox, alors pourquoi pas vous ?</center>
</div>
</body>
</html>
#menu {
float:left;
display: block;
}
#texte {
display: block;
margin-left:190px;
text-align:justify;
}
Modifié par nicolas_faf (18 Jul 2005 - 09:55)
