div che sballano con l'immagine

[rainbow.pino]

Salve a tutti
mi avvicino per la seconda volta (timidamente) ai css e anche stavolta mi accorgo di non avere capito bene la "logica" delle parole chiave css... fine del preambolo-sfogo-notturno...
Ho impostato un layout css in questo modo: CSS iniziale
Appena però inizio a riempire i div, p.e. con una immagine, succede questo:
div con una immagine
i div si sfasano tutti. Il sidebar12 è andato a finire a destra, il content2 dal centro è finito a sinistra e così via...
Perchè ? cos'è che non capisco?
grazie per la pazienza
Pino

[0-c00l]

Ai div che vuoi stiano a destra metti float: right; non left..

[rainbow.pino]

grazie per la risposta, ma avevo già fatto questa prova.
Mettendo right su sidebar2 ottengo questo

Mettendo right anche su content ottengo questo

Il problema onestamente non lo capisco.
Qualche altro suggerimento?

[mucu]

cambia approccio
devi fare semplicemente un blocco con 3 colonne e poi le riempi dei tuoi contenuti
il blocco contenente le tre colonne, poi, se vuoi lo puoi ripetere

oppure dai ai blocchettii un'altezza fissa (o minima) e puoi fare quello che avevi in mente

oppure puoi usare per tutti i blocchetti display: inline-block (invece di float), ma su explorer non recenti dovrai escogitare delle soluzioni alternative

[rainbow.pino]

si questo lo avevo immaginato,
però per porre la domanda avevo semplificato il problema.

In effetti io ho:
una testata divisa in tre colonne (10% 80% 10%)
e un corpo diviso in tre colonne (20% 60% 20%)
più un footer (100%).
Quindi non posso applicare il tuo suggerimento.

sono tentato di tornare alle tabelle... non la facevo così complicata con i css

[mucu]

Originariamente inviato da rainbow.pino
sono tentato di tornare alle tabelle... non la facevo così complicata con i css

non farlo
tu non sai chi potrà visittarti e con quali "devices"
potrà essere un'autoradio, un cellulare, una consolle, un frigorifero, una tv
se avrai previsto un layout tabless, potrai servire una pagina di facile e comoda consultazione
con le tabelle sarai incastrato

ovvio che ci vuole un certo lavoro di preparazione, ma non è così complicato vedrai

[rainbow.pino]

e quindi qual'è la soluzione?

[mucu]

studiarti degli esempi funzionanti
io ne ho un paio in progettazione e quindi evitiamo
ma per esempio il codice di http://my.opera.com/community/ potrebbe darti degli spunti

[rainbow.pino]

forse... però per un neofita mi sembra troppo complicato.
il mio codice è semplice, come la mia domanda...
il fatto che non sia arrivata una risposta... mi induce a pensare che la soluzione non sia semplice

[mucu]

guarda che il lavoro lo hai gia fatto
anzi ne hai fatto troppo, hai fatto 9 blocchi quando a te ne bastano 3 per fare le tre colonne
quale altro dubbio hai?