Salve a tutti, la questione che propongo in questo topic è la seguente:
Tenedo presente un impaginazione fatta totalmente con i div, supponiamo di creare 1 pagina con content main estendibile a seconda del contenuto, quindi la prima osservazione è:
Explorer estende il content anche se la height è definita tipo:
height: 500px;
Mentre Firefox non estende il content facendo passare i contenuti fuori dallo stesso.
Avendo un content senza background problemi grossi non ce ne sono, perchè si potrebbe fare in questo modo:
Dichiarando un main principale ed inserendo il content main al suo interno, tenendo presente che il content principale ha altezza non definita e non è float, si puo' dichiarare il content main interno come:
float:left;
margin-left:auto;
margin-right:auto;
Il content main interno non avrà l'altezza definita, lo sfondo sarà bianco, i bordi saranno solo:
border-left:1px solid #BBB;
border-right:1px solid #BBB;
A questo punto pero', se si dichiarasse un border-bottom questo verebbe a posizionarsi subito sotto il contenuto dando un effetto non propio ottimale.
Per fissarlo alla giusta posizione bisognerebbe definire una height, ma firefox non estenderebbe il content.
Ma anceh in questo caso, basterebbe dichiarare un border l-r-t-b del content principale per avere l'illusione che il content main interno abbia una delimitazione che coincida con l'effettiva fine del content principale.
Problema ben diverso invece lo si ha con un immagine di background, che verrebbe a questo punto divisa in 3 parti:
- un porzione superiore
- un centro
- una porzione inferiore
Detto cio', la barra superiore è fissa e nno si muove, il centro è il content main ad esempio bordato l-r e la porzione inferiore verrà a spostarsi con l'estensione del content main dando l'illusione che l'immagine di background si sia estesa.
Unica cosa è fare quadrarele misure del centro con le porzioni up-down per dare al content main quando è vuoto la giusta dimensione rispetto al content principale.
Sicuramente c'è chi ha risolto il tutto in maniera migliore di queste 2 proposte, quindi a voi la palla.
Ciao
Andrea
Rispondi quotando