layout con CSS [era: aiuto con css]

[ayrtonsenna]

ragazzi io devo realizzare questo:


siccome tutto deve essere 700x700px per il css per ora ho steso questo:

div#contenitore{
    border-bottom: solid;
    height: 700px;
    width: 700px;
}


div#logo{
    height: 300px;
    width: 300px;
}


div#logo2{
    width: 400px;
    height: 250px;
}


div#menu{
    height: 400px;
    width: 200;
} 

la domanda è:come faccio il css per il blocco centrale?

[panta1978]

Originariamente inviato da ayrtonsenna
ragazzi io devo realizzare questo:


siccome tutto deve essere 700x700px per il css per ora ho steso questo:

div#contenitore{
    border-bottom: solid;
    height: 700px;
    width: 700px;
}


div#logo{
    height: 300px;
    width: 300px;
}


div#logo2{
    width: 400px;
    height: 250px;
}


div#menu{
    height: 400px;
    width: 200;
} 

la domanda è:come faccio il css per il blocco centrale?

Se i blocchi Logo e menù hanno il comando float:left; il blocco centrale si autoadegua e "segue" l'andamento della pagina.

[ayrtonsenna]

si ma di che grandezza devo metterlo?perche non è un rettangolo perfetto..

[panta1978]

Originariamente inviato da ayrtonsenna
si ma di che grandezza devo metterlo?perche non è un rettangolo perfetto..

Non devi specificare nessuna grandezza. Una volta che hai specificato la grandezza del contenitore principale (ovvero 700px nel tuo caso, se non ricordo male), e dai una dimensione a logo e menu, sei a cavallo, in quanto il div "centrale" si autoadatterà, cercando di ricoprire tutto lo spazio disponibile.

[ayrtonsenna]

ah ok...ora ci provo...ti volevo fare 2 domande:

1)a cosa serve la funzione float?

2)come faccio a far si che il contenitore principale di 700x700 si al centro della pagina in tutti i browser?

[fcaldera]

float toglie l'elemento dal suo normale flusso per posizionarlo a destra o sinistra
float : (left|right|none)

http://css.html.it/articoli/leggi/53...a-e-pratica/1/

[Mich_]

Attenzione ai titoli:
- non c'e` nessuna discussione urgente o "piu` urgente di altre"
- "aiuto" e` una parola da bannare nei titoli
- "con i CSS" si puo` applicare a praticamente tutte le discussioni di questo forum, quindi non e` esplicativo

[The knight]

Crei un contenitore con float da 700 px e lo imposti con i margini "auto" in modo tale che stia al centro e text-align: center per IE, poi con "position absolute" imposti la posizione dei 4 blocchi interni

Dovrebbe andare

[ayrtonsenna]

ma allafine per essere compatibile con la maggior parte dei browser qual'è il metodo migliore per fare lagina come la voglio io?

[The knight]

Originariamente inviato da ayrtonsenna
ma allafine per essere compatibile con la maggior parte dei browser qual'è il metodo migliore per fare lagina come la voglio io?

I box all'interno io li farei tutti con position: absolute, con IE6 e Firefox ho sempre avuto layout identici, con float ho sempre notato delle differenze