positionnement colonne gauche soucis

Eléphant du PHP | 257 Messages

10 mars 2012, 09:18

bonjour voilà le soucis que j'ai avec le positionnement de ma colonne de gauche besoin d'une petite aide svp?

http://www.h-immo.be/
	<style type="text/css">
	body {
	margin: 0;
	padding: 0;
	background: white url('imdesign/background.jpg') 0 0 no-repeat fixed;
	font-style:italic;
    font-size:12px;
    }
	div#top {
    width:1105px;
    margin-left: auto;
    margin-right: auto;
    }		
	   div#bandeau {  
       width:900px;
	   height:120px;
	   background-image:url(imdesign/url.png);
	   }
	   /******************menu*****************/
       div#menu{
	   width:900px;
	   height:30px;
	   text-align:center;
	   }
       .menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(imdesign/button1.gif); position:relative; border:1px solid #000       ; border-width:0 1px; border-bottom:1px solid #444;}
       .menu2 li {float:left;}
       .menu2 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana,       sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
       .menu2 li a b {float:left; display:block; padding:0 16px 0 8px;}
       .menu2 li.current a {color:#fff; background:url(imdesign/button3.gif);}
       .menu2 li.current a b {background:url(imdesign/button3.gif) no-repeat right top;}
       .menu2 li a:hover {color:#fff; background:#000 url(imdesign/button4.gif);}
       .menu2 li a:hover b {background:url(imdesign/button4.gif) no-repeat right top;}
       .menu2 li.current a:hover {color:#fff; background:#000 url(imdesign/button3.gif); cursor:default;}
       .menu2 li.current a:hover b {background:url(imdesign/button3.gif) no-repeat right top;}
	   /****************fin menu **************/		
		div#droite {
			float: left;
			/*margin-left: 0px;*/
			width: 170px;
			min-height:500px;
			padding: 1px 0;
			background: lightblue;
		}
		div#gauche {
		    float: right;
			margin-top:-150px;
			width: 200px;
			min-height:610px;
			padding: 1px 0;
			background: burlywood;
		}
		div#centre {
			padding: 1px 10px;
			margin-left: 170px;
			margin-right: 310px;
			width:710px;
			min-height:505px;
			background-color:#FFF;
		}
	div#pied_page {
	clear:both;
	width:900px;
	height:50px;
	}
	</style>

Eléphant du PHP | 83 Messages

13 mars 2012, 03:17

salut,
déjà vous avez plusieurs anomalie par exemple dans la :
<div id="droite" style="display: block;"> </div>
vous avez le style :

Code : Tout sélectionner

float: left;
de plus il faut revoir votre logique de construction après examen de votre code il faut une restructuration du HTML précisément les DIV.

Bon, quel rendu voulez vous avoir?

Bon travail,