div ad altezza fissa

[monigna82]

Salve
ho letto qua e la che si dice sull'argomento e diciamo che qualche cosa ho sistemato...
ora mi manca una virgola per terminare...

Allora io ho due div uno dentro l'altro... in realtà sono 4..ovvero
CONTAINER che racchiude tutto e che ha altezza e larghezza fissi (deve averli per forza purtroppo)

div#container{
	position:relative;
	background-attachment: scroll;
	background-image: url(img/back-out.jpg);
	background-repeat: repeat;
	left:50%;
	top: 8px;
	width:968px;
	height:1231px;
	margin:0 0 0 -484px;
	}

SIDEBAR che mi visualizza il menu sulla sinistra

#sidebar{
	position:absolute;
	width:193px;
	left: 13px;
	top:200px;
	bottom: 13px;
	background-color: #1b6d92;
	}

e poi i due incriminati DIV che sono CONTENT e CONTENUTO
Allora content dovrebbe contenere contenuto ma comportarsi autonomamente, ovvero io vorrei che content abbia dimensioni fisse ovvero che scostasse 13px a destra, sinistra e in basso, dove per basso intendo che dovrebbe finire a 13px dalla chiusura del CONTAINER... tutto questo per creare una specie di cornice grafica applicata con due immagini di backgroun differenti

div#content{
	float:left;
	width:750px;
	top:0;
 	height:1231px;
             overflow:auto;
	margin-left: 13px;
             background-color:#ff0000;
	}
		
div#contenuto{
	background-color:#2d87aa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
	background-repeat: repeat;
	text-align: justify;
	vertical-align: top;
	padding-top: 0px;
	margin-right: 12px;
	margin-left: 174px;
	padding-right: 18px;
	padding-left: 5px;
	}

Se solo riuscissi a sistemare Content dovrei poi poter posizionare Contenuto in modo che partisse a sinistra con un margine pari alla sidebar e in altezza che si adattasse ad un altezza fissa pari a quella di content ma che nel caso in cui il testo fosse più lungo apparissero le barre...ma solo in verticale... mentre così come ho scritto mi appaiono sia in altezza che in larghezza... che cavolata ho scritto?????? help!

[Mich_]

Hai un po' di confusione tra gli attributi.

Anzitutto stai mescolando oggetti posizionati, non posizionati e float. Sono tre mondi diversi che non interagiscono volentieri. Prova a vedere se da questi articoli ci capisci qualcosa:
I posizionamenti assoluti
Capire i posizionamenti relativi

float:left;
top:0;
Questi due non hanno senso applicati allo stesso oggetto: se un oggetto e` floattato, non puoi spostarlo come vuoi

vertical-align: top;
si puo` applicare solo alle tabelle, od oggetti che hanno display di tipo tabellare

[monigna82]

mhh nel pubblicare un aggiunta al post ho erroneamente creato un post nuovo.... scusate

Allora per la verità applicando al css questi cambiamenti:

div#content{
	float:left;
	width:942px;
	height:1020px;
	top:0;
	margin-left: 13px;
         background-color:#4c94ba;
	}
		
div#contenuto{
	background-color:#2d87aa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
             overflow:auto; 
	color: #FF0000;
	text-decoration: none;
	background-repeat: repeat;
	text-align: justify;
	vertical-align: top;
	padding-top: 0px;
	margin-right: 12px;
	margin-left: 174px;
	padding-right: 18px;
	padding-left: 5px;
	}

mi riesco a posizionare la mia pagina diciamo alla perfezione... però mi rimane sempre quella barra sotto che mi gestisce anche la larghezza che io invece non voglio proprio... e poi ultimissssssima domanda... perchè se io tolgo "overflow:auto" anche se ad esempio in una pagine c'è solo una scritta bla bla bla....
il div mi si sposta tutto fuori dai margini datigli... come se con overlow.. si comportasse esattamente mentre senza il div=content si spostasse prendendo come punto di origine da cui calcolare i suoi widht=942px dalla fine della largezza del sidebar...

Cioè più chiaramente..se inserisco overflow tutto ok.. ma se lo tolgo anche se ho una pagine vuota (quindi sarebbe vagamente inutile) mi si sposta tutto CONTENT e CONTENUTO della larghezza della SIDEBAR :S

[monigna82]

ok ora provo!

[Mich_]

Se stai testando solo in IE, e` normale che hai dei comportamenti strani. L'overflow e` uno dei trucchi innocenti che si usano per tappare una falla del browser.