Problema su layout css a 2 colonne

**Sonikag** · 28-07-2005, 09:26

Ho un layout fatto con i css.

codice:

body {
margin:0;
pading:0;
text-align:center;
background-color:#95458A;
}


#container {
			width: 760px;
			\width: 780px;
			w\idth: 760px;
			margin: 0px;
			margin-left: auto;
			margin-right: auto;
			padding: 0px;

		}

		#content {
			padding: 0;
			margin-right: 277px;
			background-color:#fff;
							background-image: url(img/interfaccia/sfint.jpg);
	background-repeat: repeat-y;
	background-position: left;
		}

		#sidebar-a {
			float: right;
			width: 277px;
			\width: 277px;
			w\idth: 277px;
			margin: 0;
			margin-left: 0;
			padding: 0;
			background-color:#FFF;
		}

		#footer {
			clear: both;
			padding: 0;
			margin-top: 0;
			text-align:right;
		}

codice:

	<div id="container">
		<div id="sidebar-a">menu</div>

  <div id="content">

sldfjals jalsd fjalskd jfal dksfjl</p>


asdfasdf asd fasd fasdf</p>


asdfasdf asd fasd fasdf</p>



asdfasdf asd fasd fasdf</p>
  </div>

		<div id="footer">pippo</div>
	</div>

Come faccio ad ottnere le colonne con la medesima altezza anche se di fatto non lo sono?

Sonia

**Sonikag** · 28-07-2005, 10:17

problema risolto mettendo lo sfondo del container bianco

**Shores** · 28-07-2005, 10:26

Lo risolvi facendo in modo che la più lunga delle due sia quella che non è floated e stia dentro l'altra, oppure lasciandola floated ma mettendo alla fine del contenuto dell'altra un <br style="clear:both;">.

**Sonikag** · 28-07-2005, 11:08

ho provato in questo modo , ma la colonna di sinistra (la più lunga) shifta in basso.

codice:

<body>
	<div id="container"><div id="bianco">

  <div id="content"><div id="sidebar-a"><div class="zero">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="277" height="300">
        <param name="movie" value="menu.swf">
        <param name="quality" value="high">
        <embed src="menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="277" height="300"></embed></object>
</div></div>[img]img/interfaccia/top.gif[/img]
    <h1>Property</h1>
    

dddddd</p>    

dddddd</p>    

dddddd</p>    

dddddd</p></div><div id="footer">pippo</div></div></div>
</body>

css

codice:

body {
margin:0px;
pading:0px;
text-align:center;
background-color:#95458A;
}


#container {
			width: 760px;
			margin: 0px;
			margin-left: auto;
			margin-right: auto;
			padding: 0px;
		}
		
.bianco
{
background-color:#fff;
margin:0px;
padding:0px;
}

		 #sidebar-a {
			padding: 0px;
			margin:0px;
			margin-left: 480;
			background-color:#fff;

		}

		#content{
			float: left;
			width: 480;
			margin:0px;
			padding:0px;
			background-color:#FFF;
						background-image: url(img/interfaccia/sfint.jpg);
	background-repeat: repeat-y;
	background-position: left;
		}

		#footer {
			clear: both;
			padding:0px;
			margin:0px;
			text-align:right;
				font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
			color:#FFE6F1;
			background-color:#95458A;
		}

**Shores** · 28-07-2005, 14:14

? shifta in basso ?

Ho usato il tuo codice e a me non succede...

Che cosa intendi?

Discussione: Problema su layout css a 2 colonne

Strumenti discussione

Ricerca discussione

Visualizza

Problema su layout css a 2 colonne

Permessi di invio