Vorrei sapere se ho sbagliato qualcosa nel metodo di costruzione di questa home.
In pratica ci sono le solite 4 sezioni principali: header, menù a sinistra, contenuti a destra e footer. Ho optato così per un Css a 2 colonne con posizionamento assoluto per privilegiare i contenuti.
Poi ho messo le immagini di sfondo alle varie sezioni: navigation, content e footer,(l'header conterrà un banner in Flash).
A questo punto sono iniziati i problemi perchè non ho impostato la lunghezza delle sezioni e così ho dovuto vedere la resa sui vari browser e adattare il Css. In pratica ho anche rinunciato a chiudere le immagini in basso e le ho sfumate entrambe (quella azzurra del navigation e la fucsia del content) sul bianco per evitare i problemi di lunghezza.
Poi ho giocato coi margini per far sì che sui vari browser (perlomeno FF e Ie6) non ci fossero interruzioni di colore.

File allegati

template3.txt‎ (5.1 KB, 3 visite)

anziché sfumare le immagini non potevi mettere un colore di fondo? Come chiudeva prima l'immagine?

__________________
"Mi ritengo un genio incompreso, anche se mio padre sostiene che ciò significhi che non sono compreso nell'elenco dei geni."

Edgar Allan Poe | Recensioni siti | Realizzazione siti internet a Roma

In pratica l'immagine era un rettangolo arrotondato con sfumatura esterna e effetto rilievo di Photoshop, quindi se un browser mi calcola anche solo 20 pixel in più o in meno (cosa ke succede con la sezione "Latest news") l'immagine veniva tagliata e l'effetto era molto brutto. Mettendo un colore di sfondo dove si tagliava l'immagine poi c'era il taglio netto del colore e creava un effetto brutto.
Cmq più che altro volevo sapere se avevo strutturato bene la strategia per fare la grafica, ma mi sembra di sì (altrimenti già me lo avresti detto ).
Vedo che in generale si tende a fare sfondi semplici senza troppe complicazioni, mentre a me quando possibile piace complicare e arrotondare... Mi piacciono le cose difficili, che ci posso fare?

in quel caso potevi procedere in un altro modo:
creavi un div con uno sfondo di una certa altezza, con angoli arrotondati sopra, e sotto un taglio netto.
Poi mettevi sotto, a chiudere, un div con un altro sfondo, che prendeva solo gli angoli tondi come altezza.

sì, mi sembra di sì. Tutto affidato ai css.

però:

bastava:

e nel css:
Così anche per il footer. E anche per gli h3, affida le regole ai css per l'allineamento del testo, ecc.

I tuoi sfondi a me sembrano troppo pesanti, se dai giù con gli effetti di photoshop l'immagine ti va a pesare...
hai già, escluso il menu, quasi 80kb di sfondi. Se poi aggiungi delle immagini e un bel po' di testo ecco che hai una bella pagina pesante.
Inoltre quegli effetti rilievo sono un po' passati di moda. Verrebbe più carino con tinte piatte, o anche sfumate ma senza rilievo.

__________________
"Mi ritengo un genio incompreso, anche se mio padre sostiene che ciò significhi che non sono compreso nell'elenco dei geni."

Edgar Allan Poe | Recensioni siti | Realizzazione siti internet a Roma

In casi normali si, ma metti che il logo sia un file con qualcosa disegnato e lo sfondo (dell'header) debba ripetersi per tutta la lunghezza (prendi il sito mio)? In tal caso è giusto


Edito: ok ok sono un pollo, non avevo visto il sito

Sì, l'header è così solo momentaneament, poi ci sarà un banner in Flash. Metterò anche un div al posto della tabella dei sondaggi, quindi sarà praticamente perfetto anche col codice. In effetti la pagina comincia a stare sui 100 kb... ottima dritta quella dell'effetto rilievo, lo provo subito con altre varianti, grazie mille