28173 sujets

CSS et mise en forme, CSS3

Insertion d'un barre verticale

Bonjour,

je souhaite, sur mon site, inserer un div de 200px de large qui part du haut de la page, sans marge ni en haut, ni en bas. et qu'un bout de la div passe derrière le div central sur 20px.

Je sais pas trop comment faire ; ça doit être avec float mais je galère trop!
Pouvez vous m'aider ?

par avance merci
mescan a écrit :
je souhaite, sur mon site, inserer un div de 200px de large qui part du haut de la page, sans marge ni en haut, ni en bas. et qu'un bout de la div passe derrière le div central sur 20px.

Bonjour Mescan,

Désolé, mais je ne saisis pas vraiment ce que tu veux faire. Aurais-tu un schéma, ou une page en ligne avec tes premiers essais ?
Administrateur
Hello,

A priori je pencherai pour un décalage en position relative. Ça me parait la solution la plus facile, mais je ne sais pas s'il y'a d'autres contraintes.
Bonjour.

Avec des positionnements absolus, un début de solution...


<html>

<head><title>test</title>

<style>
#barre { 	position:absolute;
			top : 0;
			right:0;
			width:150px;
			height:100%;
			background-color:black;
		}

#main 	{	position:absolute;
			top : 50px;
			left:10%;
			right:120px;
			height:70%;

			background-color:silver;
		}
</style>


</head>

<body>
	<div id="frame" >

		<div id="barre">
		</div>

		<div id="main">
		</div>

	</div>
</body>

</html>
Sujet clos
Aller à