Aiuto per semplice Layout

[a.felix]

Huff mi sto' incasinando ...
Sto' facendo un sito per un mio amico..
ma credo di aver fatto qualche cagata nella struttura base dei div ..

il risultato deve essere quello mostrato nell'immagine...
mi date una dritta su come farlo ?

attualmente scazza cosi'
(provate a stringere in altezza in browser poi scrollare la pagina..)

[emnlmn]

Il layout ha bisogno di una decisa ripulita per far si che funzioni come si deve.
Ho "giocato" un po con firebug e ho ottenuto qualcosa di accettabile come risultato visivo; cercherò di scrivere le regole che ho modificato.

#main {
  height:90% <- rimuovere
  overflow:hidden;
}

body, html {
  height:90%; <- rimuovere
  max-height:90%; <-rimuovere
}

body {
  position:relative;
}

[a.felix]

prima di tutto grazie...

Considera dopo le modifiche il footer segue il corpoo attaccandosi sotto ...dovrebbe invece rimanere ancorato a fondo pagina insieme al corpo
come ad esempio succede correttamente cosi'

HTML

	<div id="container">

		<div id="header">
			Header
		</div>

		<div id="content">
	    	Corpo
		</div>

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

CSS

html,body {
	margin:0;
	padding:0;
	height:100%;
	background:gray;
	font-family:arial,sans-serif;
	font-size:small;
	color:#666;
}
h1 { 
	font:1.5em georgia,serif; 
	margin:0.5em 0;
}
h2 {
	font:1.25em georgia,serif; 
	margin:0 0 0.5em;
}
	h1, h2, a {
		color:orange;
	}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}
div#container {
	position:relative;
	margin:0 auto;
	width:750px;
	background:#0F0;
	height:auto !important;
	height:100%;
	min-height:100%;
}
div#header {
	padding:1em;
	background:#fff;
	/*background:#ddd url("../csslayout.gif") 98% 10px no-repeat;*/
	border-bottom:6px double gray;
}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}
div#content {
	padding:1em 1em 5em;
	margin-top:20px;
		height:auto !important;
		height:100%;
		min-height: height:100%;
		background-color:#006;
}
	div#content p {
		text-align:justify;
		padding:0 1em;
	}
div#footer {
	position:absolute;
	width:100%;
	bottom:0;
	background:#ddd;
	border-top:6px double gray;
	overflow:visible;
}
	div#footer p {
		padding:1em;
		margin:0;
	}

[a.felix]

Solo che poi dovrei trovare il modo di mettere il content al 100%..

[a.felix]

ma perche' non basta mettere height al 100% ... :master: cosa sbaglio??

[Gufo]

Originariamente inviato da a.felix
Huff mi sto' incasinando ...
Sto' facendo un sito per un mio amico..
ma credo di aver fatto qualche cagata nella struttura base dei div ..

il risultato deve essere quello mostrato nell'immagine...
mi date una dritta su come farlo ?

attualmente scazza cosi'
(provate a stringere in altezza in browser poi scrollare la pagina..)

Sei pregato di moderare i termini e di non scrivere parolacce, qui siamo abbastanza colti da capire anche un linguaggio più forbito.

Altrimenti farò una segnalazione perchè ti bannino

[a.felix]

....scusami ma non riesco proprio a capire quale parolaccia ho detto..?? :master:
scazzino nn mi sembra una parolaccia.. pero' se questo termine ti disturba perdonami..

[a.felix]

qualcuno ha qualche idea riguardo il layout?
ancora non ho trovato una soluzione ;(