Ciao a tutti,
spero che qualcuno di voi abbia un minuto per aiutarmi...
Ho creato una pagina con diversi #div, ma applicando il parametro fisso height questo valore non mi viene visualizzato correttamente con Firefox, mentre con IE6 si...
Premetto che utilizzo Dreamweaver 8 per l'editing, e il layout di lavoro di DW corrisponde alla visualizzazione con IE6.
Vi riporto parte del codice riferito al problema, dove #menu_sx è la colonna di sinistra, #menu_dx la colonna di destra, #corpo_pagina la colonna centrale e #content il box che contiene i tre div.
#content {
width: 95%;
text-align: center;
position: relative;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#menu_sx {
width: 150px;
background-color: #CCCCCC;
color: #000000;
height: 1040px;
top: 0px;
left: 0px;
position: absolute;
min-height: 1040px;
}
#corpo_pagina {
background-color: #FFFFFF;
color: #000000;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #000000;
border-left-color: #000000;
height: 1040px;
margin-top: 0px;
margin-right: 150px;
margin-bottom: 0px;
margin-left: 150px;
min-height: 1040px;
}
#menu_dx {
width: 150px;
background-color: #FFFFFF;
color: #000000;
height: 1040px;
position: absolute;
top: 0px;
right: 0px;
min-height: 1040px;
}
Il problema con firefox è che il contenuto della colonna #menu_sx mi viene più corto del dovuto ( pur visualizzando tutto il contenuto), mentre il contenuto della colonna #menu_dx mi viene più lungo del box stesso...
Per vedere la pagina con i due brovser potete andare "qui"
Un'altro problema, sempre con mozilla, è che non riesco ad eliminare lo spazio che c'è tra il menu sopra (sfondo rosso) e il Box a tre colonne sotto. Lo si può vedere sempre nel link sopra.
Rispondi quotando
