Info su div#container

[Mancio]

Ciao a tutti nel mio sito che sto realizzando in html+CSS, nella mia home ho scritto le varie cose che si scrivono (Benvenuti nel mio website ecc...)....mi succede una cosa strana pero: dopo non piacendomi quello che ho scritto, lo cancello e automaticamente la pagina si accorcia!!! sembra che il div#container si allunghi in base a quello che scrivo...

Come faccio a reimpostarlo in modo fisso???

Ciao a tutti e grazie a chi mi aiuta:byebye:

 

[PoLe]

Semplicemente così:

<div style='height:200px;'>
...
</div>

oppure, nel foglio CSS fai:
#container {
...
height:200px;
}

SaLuT!
:byebye:

 

[Mancio]

L'ho fatto...si è allungato alla lunghezza che ho stabilito...però il div#footer mi rimane a metà pagina invece che in fondo....come mai???
scusate se faccio errori grossolani ma sto imparando ora con i CSS e a volte faccio un pò di confusione:dipser: !!!

 

[dead]

non è un errore grossolano, anzi è abbastanza comune.
E non è nemmeno un errore, nel senso che il div nasce per contenere qualcosa.
se è vuoto non ha senso che abbia una dimensione in altezza, tanto più che la pagina in altezza non è quasi mai definita.

Se il tuo è un motivo estetico, applica le formattazioni grafiche al body, anzichè al div.
Oppure utilizza la tecnica delle false colonne

 

[Mancio]

Eh si il mio motivo e puramente estetico...vorrei (ovviamente) inserire il div#footer in fondo alla pagina...il div#container ha dimensioni di 700x800 px....

In pratica lo vorrei che rimane fisso con quella misura con il pie di pagina in fondo....qualsiasi contenuto mett all'interno deve rimanere cosi....

solo che (per ora) non ci riesco....

 

[sbobby]

Devi mettere il footer subito dopo il div container...
La struttura corretta sarebbe di questo tipo

<div class="container">
<div class="testo">
bla bla bla
</div>
<div class="footer">bla bla</div>
</div>

e poi nei CSS devi andare ad impostare la lunghezza del div testo in modo che il footer resti sempre al di sotto di esso...
Prova e facci sapere...

 

[dead]

e poi nei CSS devi andare ad impostare la lunghezza del div testo in modo che il footer resti sempre al di sotto di esso...
Prova e facci sapere...

Supponiamo che tu imposti la height del div testo 500px, in un video 800x600 il footer sarà più o meno in fondo.
in un 1024x768 sarà un pò staccato dal fondo. In un 1600x1200 sarà a metà video...

Se invece metti le height in percentuale non funzionerà con FF

 

[PoLe]

...Se invece metti le height in percentuale non funzionerà con FF

Il che a mio giudizio non è affatto un dramma!!!!


Basta una scrittina nel footer:
"Sito ottimizzato per Internet Explorer"
ed il gioco è fatto! :ilpirata:

So già cosa sta per rispondere qualcuno... eh eh eh!

 

[dead]

Zitto Pole, lo sappiamo che a te lo stipendio te lo da Bill Gates!

 

[Mancio]

Ok provero per vedere che riesco a combinare...

Pole io stesso di default uso Firefox:ilpirata: ....anche se la prova browser la faccio con un po tutti i browser...

Fino ad ora non ho trovato nel codice della mia pagina nessuna incompatibilita con i browser...staremo a vedere...

grazie a tutti per l'aiuto!!!

 

[Mancio]

se vi puo interessare la mia porzione di codice e questa:

html,body{
margin: 0;
padding:0;
height: 800px;
background-color: #000000;
}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center}
div#container{
width: 700px;
margin: 0 auto;
text-align: left;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
background-color: #000000;
}

/*stili generici, su header e footer*/
div#header{background-color:#CCCCCC;color: #FFFFFF}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em}
div#footer{text-align:center;padding: 0.5em;
background-color: #999999; color: #000000}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}


non riesco a capire cosa devo variare per avere una lunghezza fissa della pagina con il footer che se ne sta in fondo....credevo andasse gia bene cosi ma mi sbagliavo!!!

 

[PoLe]

Zitto Pole, lo sappiamo che a te lo stipendio te lo da Bill Gates!

Ah ah ah ah ah!!!! :quote:

Magari caro dead, a quest'ora me ne starei a godermi la vita in una bella isoletta tropicale!!!

non riesco a capire cosa devo variare per avere una lunghezza fissa della pagina con il footer che se ne sta in fondo....credevo andasse gia bene cosi ma mi sbagliavo!!!

Così, su due piedi, potresti mettere il div header e il div container all'interno di un div principale, che sia alto il 100% della pagina.

Dopodichè, subito sotto questo nuovo div inserisci il footer, di cui metterai come margin-top il valore in negativo dell'altezza del div footer stesso.
Hai capito cosa intendo?

 

[sbobby]

Se fai come ti ho scritto io in precedenza forse ci riesci...Guada questo mio prototipo si sito:

www.phpbbmod.it

il footer sta sempre sotto la tabella bianca centrale, anche se in tale tabelle non ci sta sctitto nulla (ma deve essere comunque abbastanza lunga)...altrimenti dovresti mettere un div invisibile tra quello con il testo e quello del footer...I modo che anche se di testo non ce ne sta il footer sta sempre più in basso!!!

PS: cerchiamo di fare sempre siti crossbrowser...

 

[Mancio]

Ehm non mi è molto chiaro...:dipser: potresti farmi un esempio sul mio codice se puoi??

Grazie comunque del vostro aiuto!!!
se trovo la soluzione a questo footer sono praticamente a posto (per ora )

 

[PoLe]

Ehm non mi è molto chiaro...:dipser: potresti farmi un esempio sul mio codice se puoi??

Ti ho preparato un piccolo esempio al volo, in allegato a questo post.

Il div rosso (quello principale) è alto il 100% della pagina, di modo da risolvere il problema delle risoluzioni video.

Il div footer è alto 80px.
Dandoci come margin-top -80 esso apparirà 80 pixel sopra il margine di fondo del div principale, tenendo il footer sempre in fondo alla pagina, qualsiasi sia la risoluzione video

Il tutto funge con I.E.

:byebye:

 

[Mancio]

Grazie per l'esempio...

ma io non voglio che si adatti alla risoluzione della pagina...

mi spiego meglio: il mio div it container (che e quello che contiene tutto header, content e footer) e largo 700 px...e come profondita lo vorrei fare con una lunghezza ragionevole tipo 700 o 800 px....da quelle dimensioni non si deve muovere ne che ci sia una risoluzione 640x480 sia che ce ne sia una a 1280x1024...deve rimanere sempre fisso anche se logicamente verra visto in modo diverso....

Spero di essermi spiegato; comunque grazie dell'esempio proverò a risolvere l'errore!!!:hammer:

 

[sbobby]

Allora al container gli imposto sia Height che width con valori fissi e risolvi tutto...Poi per non far salire il footer metti l'altezza anche al div del testo...

 

[Mancio]

Il width e l'Heigth al #div container l'ho gia messa...

l'height nel div del testo? ma dove lo metto?

Grazie a tutti comunque...mi state svelando i misteri di questi Footer

ciao:byebye:

 

[sbobby]

Ok...Allora guarda questo mio sito: come vedi ci sta un footer che rimane sempre in basso e questo perchè ci sta il div che contiene in testo che lo spinge verso il basso...La struttura dovrebbe essere cosi:

<div class="container">
<div class="header">bla bla</div>
<div class="testo">bla bla</div>
<div class="footer">bla bla</div>
</div>

Poi nel CSS vai a scrivere una cosa di questo tipo:

DIV.container {MARGIN: 0px auto;
WIDTH: 700px;
Height: 800 px;
}
DIV.header{margin-bottom: 5px;
margin-top: 5px;
WIDTH: 700px;
Height: 200 px;
}
DIV.testo{margin-top: 5px;
margin-bottom: 5px;
WIDTH: 700px;
Height: 500 px;
}
DIV.footer{margin-top: 5px;
margin-bottom: 5px;
WIDTH: 700px;
Height: 100 px;
}

Spero che ora tu ci riesca....

 

[Mancio]

Grazie...la situazione e molto migliorata....
solo che il footer adesso seguendo il tuo esempio rimane ancorato al margine in basso....mentre vorrei che rimanesse ancorato al #div container....

Grazie tante ho quasi risolto!!! manca questo piccolo particolare...:byebye: