positionnement colonne gauche soucis

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : positionnement colonne gauche soucis

Re: positionnement colonne gauche soucis

par libertux » 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,

positionnement colonne gauche soucis

par pacphil » 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>