[INFO]Proprietà overflow...

[Another-Life]

Hmmmm...questa proprietà si comporta in modo strano.Qualcuno puo spiegarmi in modo chiaro che cosa fa questa proprietà nel momento in cui viene dichiarata all'interno di un elemento disposto tramite float??Thx

[Mich_]

Overflow ha senso in un blocco che non puo` espandersi oltre un certo limite.
Non so se il tuo layout ha queste carateristiche.

Qui http://www.w3schools.com/css/css_ref...sp#positioning trovi la descizione concisa e nei link le spiegazioni dei valori accettati.

Per fare delle prove, dai una larghezza/altezza fissi e piccoli (ma non guardare con IE, dove non e` possibile)

[Another-Life]

Cerco di essere un po piu preciso...in poche parole come mai su questo sito: www.pixel2life.com l'immagine di destra(contenuta nell'header) viene dichiarata con la proprietà overflow: hidden; mentre quella di sinistra no?...stessa cosa per la sezione #loginbar che viene dichiarata con la stessa proprietà.
Oltretutto ho un altra domanda: ho notato che caricare un immagine di background all'interno di un documento Xhtml non è la stessa cosa che caricarla tramite Css,qual'è quindi la differenza tra i due metodi??

[Mich_]

Non riesco a trovare l'immagine (ma forse viene tagliata dal mio adblock?) Puoi esser piu` preciso, chiarendo quale #id ha l'immagine o in quale blocco e` inserita?

La loginbar non ha problemi di larghezza. Comunque se ingrandisci il font, in modo che superi le dimensioni fissate, vedi che il carattere viene tagliato (sia in altezza che in larghezza)

Seconda domanda
In XHTML l'unico modo per inserire un'immagine di sfondo e` usare i CSS. Scriverli dentro un attribtuo HML e` un errore, tollerato nella versione Transitional.
Come dire che la domanda non ha senso (oppure non la ho capita).

[Another-Life]

Allora...l'immagine di sfondo della sezione #contain_header del sito www.pixel2life.com è stata realizzata utilizzando due immagine.Un'immagine è stata caricata nel documento Xhtml tramite il tag <img.../>(all'interno della sezione #header_logo denominata header_left.jpg).Un altra immagine è stata caricata tramite Css(nel selettore div#header_login denominata header_right.jpg).Alla sezione #header_login è stata assegnata la proprietà overflow: hidden;,di cui non ne capisco il motivo.La stessa proprietà è stata assegnata anche alla sezione #loginbar.


1)Come mai l'utilizzo delle proprietà overflow: valore; in quelle due sezioni su citate?.
2)Ho notato che c'è una differenza tra il caricare un immagine direttamente nel documento Xhtml che tramite Css.Ho adottato anche io lo stesso metodo del sito; ossia quello di realizzare l'immagine di background dell'header tramite la disposizione con float: valore; di due immagini,ma l'immagine alla destra che va a fare da background al form di login si comporta in due modi:

Con firefox se la carico tramite tag <img.... /> e tramite Css funziona tutto bene,con IE tramite il tag <img .../> sovrasta il form ma si posiziona correttamente mentre tramite Css non viene nemmeno visualizzata.Spero di capire come mai gli autori di quel sito hanno utilizzato le proprietà overflow in questa situazione,thx in anticipo^^!

[Mich_]

Andare a sondare perche` altri hanno utilizzato una soluzione piuttosto che un'altra e` molto difficile.
In qualche caso lo stesso risultato si puo` ottenere in piu` modi diversi.

Comunque alcune cose si possono dire:
1. Secondo la semantica, un'immagine che porta delle informazioni va inserita con <img>, una di abbellimento con lo sfondo.
Secondo questa interpretazione se stampi la pagina, di default l'<img> viene stampata, lo sfondo no.
Quindi la soluzione di inserire un pezzo in un modo ed un altro in modo diverso sarebbe sbagliata (a meno che il secondo pezzo non sia un abbellimento superfluo della prima immagine che invece porta informazione valida). Ad esempio il logo della ditta andrebbe inserito con <img>, mentre gli eventuali svolazzi che ci possono essere intorno per dare risalto al logo vanno messi come sfondo.
Poi l'interpretazione di cosa e` contenuto e cosa abbellimento puo` essere diversa: le opinioni vanno rispettate (non necessariamente condivise)

2. Overflow: hidden;
Se in qualche condizione un blocco va contenuto e non deve espandersi troppo, puo` essere utile usare l'overflow. Per blocchi piccoli un overflow:auto non ha senso: forse hanno preferito limitare la visibilita` in caso di carattere grande per non compromettere il layout. Io personamente non condivido, ma le opinioni possono differire (tra parentesi in questo campo si vedono molti errori in giro, per cui non si puo` escludere che sia una scelta sbagliata).

3. Malfunzionam. in IE.
E` noto che il box-model di IE e` diverso da quello standard (e pare che lo sara` anche quello di IE7, per compatibilta` all'indietro). Pero` se usi XHTML Strict il box-model e` (quasi) corretto: come dire che IE in quirks mode interpreta il suo vecchio box-model, in XHTML Strict interpreta il box-model standard.
Per questo io consiglio sempre XHTML 1.0 Strict, senza il prologo XML (altrimenti IE non interpreta il DOCTYPE). Invece IE6 non e` in grado di interpretare correttamente XHTML 1.1, che quindi e` prematuro usare.

[Another-Life]

1)Ma la proprietà overflow(nel caso se ne avesse bisogno) puo essere dichiarata a qualsiasi tipo di contenuto(testo,immagine di background ecc...)??
2)Per quanto riguarda le altre cose ho imparato qualcosa in piu ma continuo a non capire come mai IE 6 non visualizza le immagini caricate tramite Css...è normale come cosa??

EDIT: Provo a ricontrollare il codice...

[Mich_]

1. Credo che overflow possa applicarsi ai blocchi, quindi non a tutti gli elementi, ma solo a quelli che possono avere dimensioni. Quindi non alle immagini (salvo dichiararle block), e non al testo (tipo <span>); si` ai <div>, <ul>,[*],

...

2. I browser possono eliminare la visualizzazione degli sfondi (non tutti, pero`) ... controlla di non aver settato tale proprieta` (tra le opzioni internet).