2 Div, la 1ère avec largeur fixe, la 2ème 100% du reste de la page

Bonjour,

je suis entrain de faire une page et je suis confronté à un petit problème :
sur ma page j'ai un cadre qui contient un menu de recherche sur la gauche et un cadre avec le résultat de la recherche sur sa droite. Je voudrais donner au 1er cadre une largeur de 300px et au 2nd une largeur qui prend le reste de la largeur de la page.

Existe-t-il un moyen de faire ça sans passer par un tableau <table> ?

Merci à vous

PoichOU

PS : ouhla pas trop d'inspiration pour le titre du topic
Modifié par PoichOU (21 Apr 2008 - 16:27)

Bonjour,

<div id="search">
	<div class="menu">...</div>
	<div class="result">...</div>
</div><!-- #search -->

Et CSS:

div#search {
	overflow: hidden;
}
div#search .menu {
	float: left;
	width: 300px;
}
div#search .result {
	margin-left: 300px;
}

Tadaaa!

Pour la petite histoire, ça correspond au tutoriel design en trois colonnes que l'on trouve sur Alsa, en virant une colonne (celle de droite).

ah bah effectivement c'est tout simple. Mais je croyais qu'on était obligé de définir une largeur sur une div. "On m'aurait menti ?"


Merci à toi Florent V.

PoichOU