28220 sujets

CSS et mise en forme, CSS3

Problème de mise en page

Bonjour à toutes et à tous!

Voilà mon soucis: je veux faire çà: upload/3925-exemple.jpg

J'ai essayé plein de choses (en float, en position absolue, relative, etc...) çà ne fait jamais ce que j'attends.

Un expert aurait-il une solution ?

Mille merci et bravo pour ce site!
Le mieux serait que tu précises où tu as un problème pour réaliser cette mise en page (quelle positionnement te pose problème, quels effets indésirables obtiens-tu ?).

Je te propose ce bout de code en attendant (C'est une solution parmis d'autres) :

<style>

body {
font-size:1.2em;
}

#enveloppe {
background-color:#FCC;
}

.CadreJaune, #CadreCentral {
float:left;
width:31%;
margin:10px;
}

.CadreJaune {
background-color:yellow;
min-height:300px;
#height:300px;
position:relative;
}

.CadreJaune p {
position:absolute;
bottom:20px;
margin-left:20px;
}

#footer {
clear:left;
background-color:#999999;
min-height:100px;
#height:100px;
}

</style>
</head>

<body>
<div id="enveloppe">
	<div class="CadreJaune"><p>vj dkfghjkfg hgkjfhk</p></div>
	<div id="CadreCentral"><p>dsk gfdkughjkfdh gjd hgjkfdh gh gjfdghgj hjg h fgjyuy dfshjdsk gfdkughjkfdh gjd hgjkfdh gh gjfdghgj hjg h fgjyuy dfshjdsk gfdkughjkfdh gjd hgjkfdh gh gjfdghgj hjg h fgjyuy dfshjdsk gfdkughjkfdh gjd hgjkfdh gh gjfdghgj hjg h fgjyuy dfshjgjfdghgj hjg h fgjyuy dfshjdsk gfdkughjkfdh gjd hgjkfdh gh gjfdghgj hjg h fgjyuy dfshjgjfdghgj hjg h fgjyuy dfshjdsk gfdkughjkfdh gjd hgjkfdh gh gjfdghgj hjg h fgjyuy dfshjgjfdghgj hjg h fgjyuy dfshjdsk gfdkughjkfdh gjd hgjkfdh gh gjfdghgj hjg h fgjyuy dfshjgjfdghgj hjg h fgjyuy dfshjdsk gfdkughjkfdh gjd hgjkfdh gh gjfdghgj hjg h fgjyuy dfshjgjfdghgj hjg h fgjyuy dfshjdsk gfdkughjkfdh gjd hgjkfdh gh gjfdghgj hjg h fgjyuy dfshjgjfdghgj hjg h fgjyuy dfshjdsk gfdkughjkfdh gjd hgjkfdh gh gjfdghgj hjg h fgjyuy dfshjgjfdghgj hjg h fgjyuy dfshjdsk gfdkughjkfdh gjd hgjkfdh gh gjfdghgj hjg h fgjyuy dfshjgjfdghgj hjg h fgjyuy dfshjdsk gfdkughjkfdh gjd hgjkfdh gh gjfdghgj hjg h fgjyuy dfshj</p></div>
	<div class="CadreJaune"><p>dh kfhfd hgjfg hjfghgj fgjy</p></div>
	<div id="footer"></div>
</div>	
</body>
</html>


Dis-moi si il y a des chôses que tu ne comprends pas. Je ne connais pas ton niveau.
Modifié par mathmax (11 Nov 2005 - 18:30)
Bonjour mad_shreder.

Est-ce que tu pourrais éditer ton titre (premier post de ce sujet) et le remplacer par quelque chose de plus évocateur parce que « Problème de mise en page » correspond à plusieurs centaines de sujets postés dans ce salon.

Merci Smiley smile
Sujet clos
Aller à