Aiuto per Layout

[SangueMisto]

Ciao a tutti..

Sto cercando di creare un layout tableless di Questa pagina

Tutto bene finche'creo le 3 colonne con l'uso di float...(img sposa+testo+login box)

E Qui potete vedere l'esempio

Il problema nasce quando devo creare i due div che contegano "To view an example etc etc" e quello subito sotto "login detail etc etc" in quanto come vedete dall'esempio una parte della frase to view an etc...va a finire in alto sopra al primo div

Come posso fare a collocare correttamente i due div???

Ps:Ho creato la stessa pagina usando per le 3 colonne l'absolute......è meglio usare questo o float ?

[thomas_anderson]

ciao!
vediamo se ho capito: devi posizionare i due div sopra il login?

[SangueMisto]

No sotto..esattamente al centro della pagina..sotto ai 3 div

In pratica(sempre che il forum non rovini la formattazione)

[foto sposa]-[testo]-[login box]
---[testo to view etc]---
---[testo login detail]---

Cmq in pratica devo restitituire lo stesso risultato di questa...
http://www.argenteriadabbene.com/Eng..._nozze_EN.html

Ma non riesco a posizionare correttamente i due div che contengono to view etc etc e quello che contiene login detail etc etc in quanto se ne vanno a spasso per la pagina..

Nel secondo esempio che ho linkato..tanto per dire...una parte del testo si colloca in alto sopra a tutti i div...l'altra correttamente dove dovrebbe stare...

[thomas_anderson]

ho capito. allora prova questo:

<div id="centra">
<div id="centrato">
<div id="view"></div>
<div id="detail"></div>
</div>
</div>

CSS:

#centra {
width: 100%;
clear: both; /* se hai usato il float su tutti e due i lati. se
solo left, allora clear:left; */
margin: 0;
padding: 0;
text-align: center;
}
#centrato {
width: quanto basta; /* anche 100% */
text-align: left;
margin: 0;
padding: 0;
}
#view, #detail {
float: left;
width: xx;
margin: 0;
padding: 0;
}

Se sei più comodo puoi dare position:relative a #centrato e poi posizionare i due blocchi con absolute. il problema dipende dalle dimensioni e dalla posizione dei tre blocchi di sopra. fammi sapere. ciao

[SangueMisto]

Ciao, grazie per l'aiuto.

Ho provato con il codice da te postato (modificandolo in qualche punto) ed usando l'attributo float per le 3 colonne...ma viene fuori un pasticcio incredibile...poi adesso sono arrivato ad un punto di non ritorno...perche'ero riuscito a fare in modo che fosse tutto perfetto a 1024....ma quando ho visto che a 1280 era un disastro ci ho rimesso mano...combinando qualche disastro...
Esempio con float

Allora su constile ho trovato qualche esempio di layout a 3colonne...ed ecco la pagina che ne ho ricavato...

Esempio layout constile, la pagina si vede bene a 1024 MALE a 1280....

Consigli ??

[SangueMisto]

Up