28172 sujets

CSS et mise en forme, CSS3

[RESOLU]Div cote à cote

j'avai déja un peu lu cette documentaition
j'ai donc rajouté float:right; dans mon css
mais le cadre reste en bas

faut-il mettre tout les div en float ?

edit : j'ai modifier mon css comme suit

div.col_droite
{
margin-top: 3px;
margin-bottom: 3px;
float: right;
margin-top: 0px;
margin-left: 0px;
position: absolute;
top: 150px;
right: 450px;
}

est-ce que vous pensez que c'est bien ?
c'est pas mieux d'écrire en pourcentage pour garder le meme aspect quelque soit la résolution de l'écran ?
Modifié par fanfantasy7 (21 Feb 2008 - 15:42)
bonjour

si tu mets float:right, pas besoin de mettre position:absolute, donc :

div.col_droite
{
margin-top: 3px; 
margin-bottom: 3px; 
float: right;
margin-top: 0px;
margin-left: 0px;
}


par contre, dans le code html, il faut toujours placer l'élément flotant avant le reste, donc déplace :

<div class="col_droite">
		<h3>Mes favoris</h3>
			<p>
			<a href="http://www.ubuntu-fr.org" onclick="target='_blank';">Ubuntu-Fr</a><br />
			<a href="http://www.google.fr" onclick="target='_blank';">Google</a><br />
			<a href="http://www.travian.fr" onclick="target='_blank';">travian</a><br />
			<a href="http://kochonland.playmoa.com/index2.php" onclick="target='_blank';">Kochonland</a><br />
			<a href="http://fr.wikipedia.org/wiki/Final_Fantasy" onclick="target='_blank';">Final Fantasy</a><br />
			</p>
		</div>

pour le mettre entre :
<h2>Bertrand Perrier</h2>
et : <div class="col_gauche">

tu devras sans doute limiter la largeur de ton body pour que ta colonne n'aille pas au diable pour les grands écrans...
plutot que de mettre le style de body dans la balise comme suit
<body style="background: #C2D5FF url(fond.gif) no-repeat top left;">

je l'ai déplacé dans le style css et j'ai rajouté width: 640px

body
{
background: #C2D5FF url(fond.gif) no-repeat top left;
width: 640px;
}

comme ca mon float n'est pas trop éloigné
je comprend pourquoi dans les sites il n'y a pas d'élément collé à droite ou gauche de l'écran et qu'il y a des marges blanches, seulement elles sont plus ou moins grande en fonction de la résolution de l'écran


merci j'ai appris beaucoup de chose
bien ! tu as bien fait pour le body... j'avais pensé te le dire, mais je ne voulais pas trop en rajouter.
Sujet clos
Aller à