posizione layout (diversa visione)

[Georgias]

ciao
problema di visualizzazione sui deiversi browser

"base" che può esser di altezza
min-height: 400px; height: auto !important; position: relative;

la "base" contiene
"servizi"
height: 100% !important; min-height: 400px; max-height: 100%; position: relative;

in questo modo il contenitore "base" si allunga secondo quanto si riempie "servizi" e si accorcia al minimo 400%

ciò accade pure su opera e mozilla
il problema è che "servizi" viene viasualizzata più a destra del previsto (nn al centro), l'unico modo per visualizzarlo al centro è mettere a "servizi"
position: absolute
ma a questo punto "base" nn si allunga più di conseguenza

conoscete qualche modo per risolvere l'inghippo??
ciao e grazie

[Georgias]

Ieri mi funzionava perfettamente solo su explorer
oggi riapro il progetto e nn funziona più
acciderbolina ho un fantasma nel pc???

qualcuno mi può aiutare? nn so come risolvere il problema
(spero di essermi spiegata nella descrizione del problema)

[Georgias]

ecco come dovrebbe essere su explorer
ora son riuscita a stabilizzare i livelli
ma su opera e mozilla accade il caos
il contenitore resta fisso e quindi nn si allunga con l'aggiungersi dei dati
e cosa tremenda la posizione del livello centrale nn è centrato: ma spostato sulla destra!!!!

ecco il codice:
#base-servizi /*contenitore*/
{background-color: white;
background-image: url("../i-immagini/bkg-lyn.gif");
visibility: visible;
position: relative;
top: -1px;
width: 778px;
height: 400px;
max-height: auto !important;
min-height: 400px;
border-right: 1px solid #005183;
border-bottom: 1px solid #005183;
border-left: 1px solid #005183 }

#servizi /*contenuto*/
{ background-color: white;
text-align: left;
visibility: visible;
position: relative;
top: 0;
bottom: 0;
left: 72px;
width: 490px;
height: 100% !important;
min-height: 400px;
max-height: 100%;
border-right: 1px solid #005183;
border-left: 1px solid #005183 }

[Mich_]

Ieri forse avevi qualche pagina in cache ...

Devi prima sviluppare per i browser standard (ad es. FF), poi applicare eventuali patch per IE.
Il viceversa non funziona (a detta di tutti, qui dentro).

Tieni presente che il box-model di IE e` diverso da quello del W3C.

Non posso vedere lapagina, dato che non hai postato link, ne` allegato il codice HTML.
Comunque alcune delle proprieta` CSS settate potrebbero essere in conflitto. Esempio

 top: 0;
bottom: 0;
height: 100% !important;
min-height: 400px;
max-height: 100%;

[Georgias]

ho risolto in questo modo:

* html #base
{ visibility: visible;
position: relative;
max-height: auto !important;
min-height: 400px }

#base
{ visibility: visible;
position: relative;
height: auto !important;
min-height: 400px }

* html #servizi
{ visibility: visible;
position: relative;
height: 400px }

#servizi
{ visibility: visible;
position: relative;
height: 100%;
min-height: 400px }

ora su tutti i browser mi si vede come volevo io

grazie