adattare lunghezza colossa sx con dx

**[_Kilckk_]** · 21-01-2009, 01:46

salve ho un piccolo grande problema, ho creato due colonne con questo codice

codice:

#dx {
	float:right;
	width:586px;
	border-top: solid 1px #000000;
}

#sx {
	float:left;
	width:192px;
	background-image:url(sfondosx.jpg);
	background-color:#F1F1F1;
	background-repeat:no-repeat;
	border-right: solid 1px #999999;
}

fino ad ora non c'è nessun problema, il problema si pone se la colonna dx contiene troppe informazioni il

codice:

	border-right: solid 1px #999999;

non si estende insieme alla colonna e diventare esteticamente brutto. Come potrei risolvere questo problema???

**Razorblade** · 21-01-2009, 03:56

Prova ad inserire questa regola in cima al css

Codice PHP:




    html,body {

        margin:0;

        padding:0;

        height:100%;

    }

quindi aggiungi height:100%; anche per le 2 colonne, dovrebbe andare, fammi sapere.

Ciao

**[_Kilckk_]** · 21-01-2009, 13:00

niente non funziona perchè avevo già provato ad inserirlo alle due colonne ma senza risultato, eccoti il codice:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>

  <style type="text/css">
  
html,body {
	font: 11px Arial,Verdana,Helvetica,sans-serif;
	padding: 0px;
	margin: 0px;
	height:100%;
}

#container_big {
	width: 779px;
	padding: 0px;
	margin: 0px;
	height:100%;
}

#container {
	float: left;
	position: relative;
	width: 779px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	height:100%;
}

#dx {
	float:right;
	width:586px;
	height:100%;
}

#sx {
	float:left;
	width:192px;
	height:100%;
	background-image:url(sfondo.jpg);
	background-color:#F1F1F1;
	background-repeat:no-repeat;
	border-right: solid 1px #999999;
}

  </style>

</head>

<body>
 
	<div align="center"> 
		<div id="container_big"> 
			<div id="container"> 
                <div id="sx">
                    prova prova prova
oiehioshfsiohf ioesifoisoh foi ehso 

                </div>
                <div id="dx">
                	

ofjposadjf posafj opsaodjfpo sdajfapsodf opsdajofs daofsudi fiu sabuiufsdbufauisdb ifubdsuiafbsadiufbsaiudfubisuadbfiusadbfui sadbfuisbaduifbsdiufbiusadbfiusadbfiusadbfiusabdifusdbui fbsdasaduaskbcksdbkcuasdfukdbsfuksdbufdsabfksadbfusadbf suafaoewhifohdsafoishdafioohi</p>
			 	</div>
            </div>
		</div>
	</div>
</body> 
</html>

ecco come è impostata la pagina originale, non riesco proprio a capire perchè non si allungano insieme. :master:

Discussione: adattare lunghezza colossa sx con dx

Strumenti discussione

Ricerca discussione

Visualizza

adattare lunghezza colossa sx con dx

Permessi di invio