Un Evento Unico. 5 Sale. 27 Interventi. SEO, SOCIAL, E-Commerce, Mobile, Turismo.
CLICCA QUI e SCOPRI DI PIù X Chiudi
 
Forum GT: Condividiamo idee e conoscenza Forum GT: Condividiamo idee e conoscenza


Condividi questo contenuto nei Social Network:
Ti stiamo aspettando: Registrati subito e gratis. Entra a far parte di una delle comunità più attive in Italia. Se hai dimenticato i tuoi dati li puoi recuperare subito.


Vai indietro   Forum per Webmaster: Condividiamo Idee e Conoscenza > Sviluppo e Gestione siti web > Css
Benvenuto! Forum Regole FAQ Lista utenti Calendario Segna come letti

Css Supporto per i Fogli di Stile

Hey Amico Visitatore,
Condividi con noi le tue idee e la tua conoscenza Aprendo una nuova discussione nella sezione Css


Rispondi
 
LinkBack Strumenti di discussione
Vecchio 04-01-09, 17:23   #1 (permalink)
User Newbie
 
Data di registrazione: Apr 2008
Messaggi: 4
Posionamento DIV

Posizionamenti alternativi livelli
Salve a tutti,

ho un layout tipico: header, sezione sinistra, parte centrale, parte destra e footer.
Normalmente si il rispettivo HTML dovrebbe essere:

<div id="container">

<div id="header">header</div>
<div id="sinistra">sinistra</div>
<div id="centrale">centrale</div>
<div id="destra">destra</div>
<div id="footer">footer </div>


</div>

a me invece servirebbe sapere qual'è la giusta sintassi CSS per visualizzare nel codice HTML i div in questo ordine:

<div id="container">

<div id="centrale">centrale</div>
<div id="destra">destra</div>
<div id="sinistra">sinistra</div>
<div id="footer">footer </div>
<div id="header">header</div>

</div>

E' da sapere che l'altezza del div container è variabile...quindi non devo applicare dimensioni fisse.
Ho provato con i posizionamenti assoluti, ma il risultato non è quello desiderato.
Comunque vi posto anche il mio css:


div#container{
margin:0px auto;
width:960px;
position:relative;
background:#0f0;
overflow:hidden;
}

div#header{
background:#06f;
overflow:hidden;
margin:0 auto;
height:250px;
}

div#sinistra{
position: absolute;
top: 250px;
left: 0;
width: 225px;
background:#ddd;
overflow:hidden
}

div#destra{
position: absolute;
top: 250px;
right: 0;
width: 255px;
background:#aaa;
overflow:hidden
}

div#centrale{
position: absolute;
top: 250px;
left:225px;
width:480px;
overflow:hidden;
background:#0f0
}

div#footer{
width:960px;
background:#ff0;
overflow:hidden;
}

Mi potere aiutare per favore???

Vi ringrazio in anticipo.
Ale85mk non in linea   Rispondi citando
Vecchio 04-02-09, 16:13   #2 (permalink)
User
 
L'avatar di axxe16
 
Data di registrazione: Jun 2006
Ubicazione: Padova
Messaggi: 172
in effetti che io sappia per avere il container prima delle colonne laterali l'unica è proprio il posizionamento assoluto...
In cosa non ti va bene il risultato che ottinei? Se il problema è l'altezza potrebbe venirti in aiuto un js... dovresti passare al container l'altezza delle colonne laterali in modo da non farle collassare nel caso che il contenuto centrale sia più corto delle colonne laterali.
Con jQuery la cosa dovrebbe essere fattibile con height
docs.jquery.com/CSS/height
che ti permette sia di recuperare l'altezza di un elemento del dom che settarla
__________________
Colliers de serrage
axxe16 non in linea   Rispondi citando
Rispondi
Tags: , ,



Strumenti di discussione

Regole di scrittura
Non puoi postare nuove discussioni
Non puoi rispondere alle discussioni
Non puoi allegare file
Non puoi editare i tuoi post

BB code is Attivo
smilies è Attivo
[IMG] il codice è Attivo
Il codice HTML è Disattivato
Trackbacks are Attivo
Pingbacks are Attivo
Refbacks are Disattivato
Vai al forum



Tutti gli orari sono GMT +3. Attualmente sono le 05:35.




Forum GT - © 2004-2009 GT idea S.r.l P.iva 02418200800 - Privacy/Disclaimer

SEO by vBSEO 3.2.0 ©2008, Crawlability, Inc.