28221 sujets

CSS et mise en forme, CSS3

[Résolu] 2 blocs étirables verticalement sans chevaucher les suivants

Bonjour,
Je n'arrive pas à ce que je veux avec le gabarit ci-joint.

upload/682-gabarit.gif

Le problème vient du fait que le bloc menu peut être aussi bien plus petit que plus grand que le bloc moteur. Si j'utilise un positionnement absolu sur un des deux blocs il n'est pas pris en compte pour le positionnement du bloc tableau, ce qui fait que s'il est trop grand il chevauche le bloc tableau. Si j'utilise un float:left le problème reste strictement le même. Quelqu'un a une soluce ?
Modifié le 05 Jan 2005 - 22:28
Essaye de mettre un clear: both; sur ton bloc tableau. Cette propriété va lui permettre de se placer après le float sans être float lui-même.
littlesam a écrit :
Essaye de mettre un clear: both; sur ton bloc tableau. Cette propriété va lui permettre de se placer après le float sans être float lui-même.



YESSSSS !!!!! Mercimercimerci.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset={CHARSET}" />
	<title>Gabarit 2 blocs, tous étirables en hauteur</title>
<style type="text/css">
#formquestion{
	margin-left:160px;
}
#tableau{
	width:100%;
	clear:both;
}	

#blocmenu{
    float:left;
	width:150px;
	text-align:center;
}
.blocstruct{
	border-style:solid;
	border-width:1px;
}
</style>
</head>
<body>
	<div id="blocmenu" class="blocstruct">
	Menu<br />
	Menu<br />
	Menu<br />
	Menu<br />
	Menu<br />
	Menu<br />
	Menu<br />
	Menu<br />
	Menu<br />
	Menu<br />
	</div>
	<div id="formquestion" class="blocstruct">
		formquestion<br />
	formquestion<br />
	formquestion<br />
	formquestion<br />
	formquestion<br />
	formquestion<br />
	formquestion<br />
	formquestion<br />
	formquestion<br />
	formquestion<br />
	</div>
<div id="tableau" class="blocstruct">
		tableau<br />
	tableau<br />
	tableau<br />
	tableau<br />
	tableau<br />
	tableau<br />
	tableau<br />
	tableau<br />
	tableau<br />
	tableau<br />
</div>
</body>
</html>

Modifié le 05 Jan 2005 - 22:26
Oui j'ai juste fait du remplissage pour que les blocs s'étirent un peu. Mais mon vrai menu est une liste en effet, inspirée de celles qu'on trouve sur ce site.
Par contre je me demandais s'il y avait intérêt à enfermer ces trois bloc dans un bloc conteneur.
Sujet clos
Aller à