Problema col Footer: non scende

**kronoh** · 13-10-2005, 16:50

Posto il codice css di questa pagina; è un layout a tre colonne con header e footer, l'unico inconveniente e che il footer continua dopo la colonna di sinistra, invece di andare a capo

codice:

		#container {
			BORDER-RIGHT: #36c 2px solid; 
			MARGIN: 0px auto; 
			BORDER-LEFT: #36c 2px solid; 
			WIDTH: 980px; 
			POSITION: relative; 
			HEIGHT: 100%; 
			TEXT-ALIGN: left
		}

		#banner {
			padding: 2px;
			margin-bottom: 2px;
			background-color: rgb(213, 219, 225);
		}

		#content {
			padding: 2px;
			margin-left: 206px;
			margin-right: 206px;
			background-color: gray;
		}

		#sidebar-a {
			float: left;
			width: 200px;
			\width: 204px;
			w\idth: 200px;
			margin: 0;
			margin-right: 2px;
			padding: 2px;
			background-color: rgb(235, 235, 235);
		}

		#sidebar-b {
			float: right;
			width: 200px;
			\width: 204px;
			w\idth: 200px;
			margin: 0;
			margin-left: 2px;
			padding: 2px;
			background-color: rgb(235, 235, 235);
		}

		#footer {
			PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0.5em; WIDTH: 100%; COLOR: #000; BOTTOM: 0px; 

PADDING-TOP: 0.5em; POSITION: absolute; BACKGROUND-COLOR: #69c; TEXT-ALIGN: center
		}

questa è la pagina in html che utilizza il css

codice:

<html>
<head>
<link rel="stylesheet"  href="layout.css" type="text/css">
</head>
<body>
	<div id="container">
	<div id="banner">Banner


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





colsx</div>
	<div id="sidebar-b">





coldx</div>
        <div id="content">principale</div>
	<div id="footer">footer</div>
	</div>
</body>
</html>

cosa devo modificare per far si che il footer non continui dalla colonna? il float left?

**thomas_anderson** · 13-10-2005, 18:48

Togli il posizionamento assoluto al footer ed imposta:

codice:

#footer {
clear: both;
}

per ripristinare l'allineamento dopo aver usato il float per le colonne di ds e sn.

**awd** · 13-10-2005, 22:15

che poi è quello che ti avevo già detto nell'altro thread

**kronoh** · 14-10-2005, 16:01

ok, grazie, uesta volta ho dovuto lavorare di più per scorporare tutto il css dall'html, però credo che ne sia valsa la pena...

Discussione: Problema col Footer: non scende

Strumenti discussione

Ricerca discussione

Visualizza

Problema col Footer: non scende

Permessi di invio