[CSS]: Dimensionare e posizionare un div

Premettendo che non sono un virtuoso dei CSS ma comunque riesco a cavarmela:

Non ho mai capito come si fa a piazzare un div a centro pagina ed estenderlo per tutta la lunghezza della pagina, che abbia contenuti o meno...

Non so se mi sono spiegato... è uno dei più diffusi layout usati nei blog a colonna singola.

Intanto, grazie!

html:

<div id="centrato">Contenuto</div>

css:

div#centrato{
width: 100%;
}

e già così occupa tutta la pagina, manco bisogno di centrarlo, ciao!

Eh, no aspetta... ho bisogno di occupare tutta la verticalità...

Insomma: http://lanpad.altervista.org/restyle...php?sez=master

In questa sezione si nota il problema.
Vorrei incollare il fondo della pagina al fondo della finestra.

[poske]

Prova così:

div #container {
margin: 0 auto 0 auto;
width: 750px;
height: 100%;
}


Ciao! :D

No, non ci siamo ancora.

prova con:
div #container {
margin-left: auto;
margin-right: auto;
width: mettici la grandezza che vuoi;
height: 100%;
}

altrimenti prova con align-center (al posto di margin left e margin right)

[dementialsite]

Verifica banale: nell'HTML ti hanno dato ID="centrato", ma nei CSS lo stile si riferisce a un DIV di ID="container": l'hai sistemata 'sta cosa?

Per quanto riguarda la disposizione, potresti provare anche questa (puoi regolare il margine sinistro e destro - qui 15% - secondo i tuoi gusti):

DIV#centrato { margin:0 15%; height:100%; overflow:visible }

Stammi bene...

Con questo codice non ci possono essere problemi...

body{background: url(images/images.jpg);
color: #000;
font: 13px verdana,arial,sans-serif;
TEXT-ALIGN: center;
}
#container {BORDER: #000 2px solid;
PADDING-BOTTOM: 3px;
MARGIN: 0px auto;
WIDTH: dimensione che vuoi in px;
BACKGROUND-COLOR: #000;
TEXT-ALIGN: center;
}

Verifica banale: nell'HTML ti hanno dato ID="centrato", ma nei CSS lo stile si riferisce a un DIV di ID="container": l'hai sistemata 'sta cosa?

Per quanto riguarda la disposizione, potresti provare anche questa (puoi regolare il margine sinistro e destro - qui 15% - secondo i tuoi gusti):

DIV#centrato { margin:0 15%; height:100%; overflow:visible }

Stammi bene...

attento che con loverflow visible se il contenuto esce fuori dal container lo fa vedere lo stesso.. conviene mettere auto in modo che se è troppo grande mette uno scroll, altrimenti nn fa niente!

[dementialsite]

attento che con loverflow visible se il contenuto esce fuori dal container lo fa vedere lo stesso.. conviene mettere auto in modo che se è troppo grande mette uno scroll, altrimenti nn fa niente!

Lo so, ma immaginavo lui l'eventuale scrollbar la volesse su tutta la finestra e non solo sul DIV selezionato...

Stammi bene...

P.S. Si può almeno sapere se qualcuno di questi tentativi funziona, visto che l'interessato è letteralmente sparito dal thread?

Si, scusate, ma ho avuto da fare e mi sono completamente scordato. Visto che on line, la maggiorparte dei contenuti supera la dimensione della pagina, per il momento ho cercato di completare il lavoro il più possibile. Adesso verifico le vostre opzioni.

@dementialsite
Per quanto riguarda il nome degli ID non c'è problema, tanto il mio si chiama cont, quindi comunque cambio il codice se lo uso.

@drako
No, non cambia nulla.

@ cflgroup2001
Invece non funge...

No no, niente scrollbar!!
Ma se non dimensiono l'altezza del div, cresce a seconda del contenuto no?

Credo che il mio problema stia nel fatto che è un layout misto CSS/tabelle.
Questo perchè il sito prima usava solo tabelle e non avevo voglia di rifare tutto, non so nemmeno se ne sarei stato capace.

In pratica è una tabella contenuta in un div.
Comunque se volete il codice di struttura è tutto li ben visibile.

[NoWhere]

c'é quest'articolo che sicuramente può fare al caso tuo!!

http://www.constile.org/template/centrare_il_box/

in generale il sito in questione é utilissimo oper imparare di più sui css e su come progettare coi css!!

[dementialsite]

...
No no, niente scrollbar!!
Ma se non dimensiono l'altezza del div, cresce a seconda del contenuto no?
...

Questo è vero, ma è vero anche che il DIV non ti occuperà lo spazio della finestra se i suoi contenuti misurano meno della sua altezza, per quello devi specificare lo stile height:100%...

Stammi bene...