div uno sotto l'altro
FOX
Vorrei creare un layout molto semplice con i div.
Ecco la struttura di base:
<div id="contenitore">
<div id="content">
CONTENUTI
</div><!-- chiusura div content -->
<div id="footer">
footer
</div><!-- chiusura div footer-->
</div><!-- chiusura div contenitore -->
ho impostato per i contenuti:
div#content
{
position:absolute;
top: 220px;
left: 91px;
margin: 10 px;
padding-top:30px;
padding-bottom:20px;
width:630px;
}
quali attributi devo impostare per il div footer, per fare in modo che stia
subito sotto al div content (che ovviamente ha lunghezza variabile, in base
ai contenuti che vengono inseriti)??
ho provato diverse soluzioni, ma il footer resta sempre sovrapposto ai
contenuti.
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente
Alessandro Pellizzari
> Vorrei creare un layout molto semplice con i div.
> ...
> quali attributi devo impostare per il div footer, per fare in modo che
> stia subito sotto al div content (che ovviamente ha lunghezza variabile,
> in base ai contenuti che vengono inseriti)??
Togli il position absolute a content.
I div, essendo blocchi, tendono naturalmente a stare uno sotto l'altro.
Se vuoi spaziare il content da altri div, usa margin e/o padding.
Bye.
FOX
"Alessandro Pellizzari" <shur...@amiran.it> ha scritto nel messaggio
news:80esa2...@mid.individual.net...
> Il Thu, 18 Mar 2010 15:23:47 +0100, FOX ha scritto:
>
>> Vorrei creare un layout molto semplice con i div.
>> ...
>> quali attributi devo impostare per il div footer, per fare in modo che
>> stia subito sotto al div content (che ovviamente ha lunghezza variabile,
>> in base ai contenuti che vengono inseriti)??
>
> Togli il position absolute a content.
>
> I div, essendo blocchi, tendono naturalmente a stare uno sotto l'altro.
> Se vuoi spaziare il content da altri div, usa margin e/o padding.
>
> Bye.
Grazie, ma ho bisogno di mantenere il div content in una posizione ben
precisa, non centrale... come posso impostarlo?
Alessandro Pellizzari
> Grazie, ma ho bisogno di mantenere il div content in una posizione ben
> precisa, non centrale... come posso impostarlo?
Posiziona il content solo tramite margin e padding (top e left).
Header e sidebar li puoi posizionare absolute sovrapponendoli al margin
di content.
Poi, se serve, metti un clear:both (o quel che serve) al footer, ma se il
content e` piu` grande della sidebar, il footer ci va automaticamente
sotto.
Bye.
FOX
>> precisa, non centrale... come posso impostarlo?
>
> Posiziona il content solo tramite margin e padding (top e left).
>
> Header e sidebar li puoi posizionare absolute sovrapponendoli al margin
> di content.
>
> Poi, se serve, metti un clear:both (o quel che serve) al footer, ma se il
> content e` piu` grande della sidebar, il footer ci va automaticamente
> sotto.
>
ho ancora un piccolo problema di sovrapposizione. il div content dovrebbe
sovrapporsi al div menu, almeno per quanto riguarda i suoi bordi. per essere
più chiaro guarda questa pagina:
http://www.newlightinsight.com/sito/azienda.php
il bordo dotted del content, nonostante abbia provato anche ad impostare
z-index correttamente, rimane sotto l'immagine della cella inferiore della
tabella del menu.... perchè?
Alessandro Pellizzari
> http://www.newlightinsight.com/sito/azienda.php
>
> il bordo dotted del content, nonostante abbia provato anche ad impostare
> z-index correttamente, rimane sotto l'immagine della cella inferiore
> della tabella del menu.... perchè?
Non ho capito cosa intendi. Il bordo dotted superiore del box l'hai
rimosso tu da css. Rimettendolo, appare correttamente sovrapposto
all'header.
Bye.