28173 sujets

CSS et mise en forme, CSS3

[Résolu] Colonne extensible entre 2 fixes

salut à tous ... Smiley cligne je me demandais comment réaliser un conteneur de trois colonnes et dont seule la colonne du centre prend le reste de la taille restante quand on agrandit un peu comme sur alsacreation....


#content
{
float: left;
width:45%;
padding: 0 0 0 4em;
}
#menuright
{
float: right;
width:290px;
padding: 5em 0 1em 0;
}
#menuleft
{
float: left;
width:200px;
margin: 0 ;
}


<div id="main">
	     <div id="menuleft"></div>
        <div id="content"></div>
		<div id="menuright"></div>
</div>

j'ai cette css ci dessous mais cela ne me convient pas...
Modifié par gaylover (13 Mar 2007 - 09:47)
Et ça ça te va ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
	<title>Toto</title>
	<style type="text/css">
		html, body {
			width: 100%;
			margin:0;
			padding:0;
		}
		
		#content {
			width:auto;
			margin: 0 200px;
			
			background-color: red;
			height: 20px;
		}
		
		#menuright {
			position: absolute;
			top:0;
			left:0;
			width:200px;
			
			height: 20px;
			background-color: blue;
		}
		
		#menuleft {
			position: absolute;
			top:0;
			right:0;
			width:200px;
			
			height: 20px;
			background-color: green;
		}
</style>
</head>
<body>
	<div id="content"></div>
	<div id="menuleft"></div>
	<div id="menuright"></div>
</body>
</html>
oui...
merci en tout cas.... Smiley cligne
bien que j'aurais voulu que la gauche disparaisent avant la partie centrale quand on retrecit... mais je crois que ce n'est pas possible sans utilisé le float...
Sujet clos
Aller à