Css: position absolute e relative

[Nebulas]

Ciao a tutti! sono nuovissima del forum e avrei bisogno della vostra consulenza esperta riguardo a questo layout.
In pratica ho un sito con footer e header full screen al 100%

Il contenuto e' centrato e composto da 12 blocchetti di uguale altezza e larghezza, che contengono immagini e menu.

Il logo e' contenuto nel div piu' largo rispetto agli altri e se notate esce anche dal contenitore centrale.

Ora il mio dubbio e' questo ditemi se sbaglio

1) faccio un wrapper con posizione relativa e margin 0 auto per centrarlo
2) creo una classe .blocchetto con posizione relativa e float left, cosi andranno a riempire tutto lo spazio fino al fondo andando a capo perfettamente
3) creo un div logo che avra' dimensioni diverse in position absolute e lo vado a posizionare sopra uno dei blocchetti.

Ecco il logo ora viaggia per i fatti suoi e prende il browser come riferimento e non il wrapper che e' il suo contenitore..

Che cavolata sto facendo?

Grazie a tutti quelli che mi aiuteranno a capire..

[deleted_129]

Non mettere la position aboslute, prendi il blocchetto ( il primo della seconda riga) e lo fai più grande, poi usi un margin-left: negativo per la metà del blocchetto...es:

.blocchetti{
width:100px;
height:100px;
float:left;
}
#blocchettologo{
height:100px;
width:200px;
margin-left:-100px;
}

una cosa simile spero ti possa aiutare...

[Prill]

Che cavolata sto facendo?

è necessario vedere il tuo codice

[Experiment8]

Concordo con Prill, ma se non prende il position relative potrebe essere untag html non chiuso correttamente...

[Nebulas]

alla fine sono riuscita, non so bene come ho fatto pero'.

Se sta in piedi lo lascio cosi.


Pagina

[Experiment8]

Sarebbe da aggiungere border: 0 alle immagini dei social, in IE8 renderizza il bordo blu dei link... Per il resto, se funziona funziona

[Nebulas]

hai ragione
volevo togliere quella roba pero', perche' ho usato box shadow e internet explorer mi sembra non lo veda. Tu me lo confermi.

Poi non serve a molto. Pensavo di fare magari una immagine hover al passare del mouse è piu' carino

[Experiment8]

Ovviamente si il bozx-shadow non si vede, ma il border 0 è legato più al reset CSS che ad altro, comunque si il box shadow all'hover funziona ma sembra ci sia un padding sotto l'immagine, l'ombra sotto è 5px più bassa dell'immagine all'hover..

[Nebulas]

si si hai ragione..e' da correggere

[deleted_129]

Io comunque avevo dato una soluzione molto semplice o.o...