28173 sujets

CSS et mise en forme, CSS3

100% en hauteur ET partie de droite

Bonjour a tous,

je cherche depusi 2 jours a faire un bloc principal de 770 px centré ayant 100% en hauteur + un bloc qui prendrait toute la partie de droite pour y mettre une image de fond

Exemple
upload/6774-exemple.gif

Avez vous une idée ?

Merci beaucoup ....
Merci pour ta réponse, mais j'ai passé la nuit sur ce truc..... et je ne vois toujours pas ?!

en fait j'ai besoin de faire ceci
upload/6774-exemple2.gif

On trouve beaucoup d'exemple où c'est la page principale qui est en % et le coté de taille fixe mais moi c'est l'inverse dont j'ai besoin...

as-tu une idée ?
merci
En fait le résultat est <modération title="pas crier">exactement celui-ci</modération> (fait en 30 min. !) mais avec une feuille de style


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
	<head>
		<title> Nouveau document </title>

		<style>
		<!--
		html, body {
			margin:0;
			padding:0;
			height: 100%;
			width: 100%;
			font-family: 'trebuchet ms', Verdana, Arial, Helvetica, sans-serif;
			font-size: 1em;
			background-color: #a67a50;
			background-image: url('./img/BasPage.gif');
			background-position: bottom left;
			background-repeat: repeat-x;
		 }
		 
		.droite {
			margin:0 ; 
			padding:0 ; 
			background-image: url('./img/HautDroite.gif');
			background-position: top left;
			background-repeat: repeat-x;
		}
		-->
		</style>



	</head>

	<body>

	<table border="0" height='100%' width="100%" cellspacing='0' cellpadding='0'>
		<tr>
			<td width='50%'></td>
			<td height='100%' valign="top" style="border: dashed 1px yellow;">

				<table border="0" width="770" cellspacing='0' cellpadding='0'>
					<tr>
						<td></td>
					</tr>
				</table>
			
			</td>
			<td width='50%' class="droite"></td>
		</tr>
	</table>

	
	</body>
</html>


merci de votre aide
Modifié par Laurent Denis (21 Aug 2006 - 08:16)
Tes colonnes de droite et de gauche ont-elles un rôle uniquement décoratif (arrières-plans, couleurs, etc) ou bien ont-elles un contenu ?
Dans ce cas, il te suffit de positionner deux boîtes div vides (position absolue) faisant chacune 50% du conteneur initial en largeur. Puis d'y superposer, en flux, le div de ton contenu (position relative, pour lui appliquer un z-index) avec un centrage par les marges auto.
merci mais je N'AI RIEN COMPRI ?
j'ai passé la nuit la dessus, et sincèrement je n'ai pas trouvé de solution
aurais-tu un code ou l'esprit du'un code qui ressemblerait a ce dont j'ai besoin car là ?????


Merci beaucoup
malgrés que je ne sache pas le faire, Je comprend ce que tu veux me faire faire....

Mais j'ai besoin de placer une image qui continu du conteneur principal (770) vers la marge de droite

Comme ceci
upload/6774-exemple3.gif

Est-ce possible avec ta solution ?
car il faut que cela jointe parfaitement

merci
Sujet clos
Aller à