problema con lo sfondo in IE

[kerotan]

ciao a tutti, ho un problema con lo sfondo in IE




come potete vedere dalla foto, lo sfondo centrale continua anche dopo il footer...naturalmente con tutti gli altri browser funziona alla perfezione....lo sfondo non ha un altezza perche si deve allungare in base al contenuto...vi posto anche il codice

Css

.paginacentrale2 {
background-image:url(sfondo_centro.jpg);
width:980px;
margin-top:10px;
background-repeat:repeat-y;

}

e html la pagina centrlae che ha come sfondo questo:

ovvero una striscia con i colori delle colonne il centro e l ombra, ha questo codice

<div class="paginacentrale2">
<div class="alto"></div>

<div class="colSx">

</div>

<div class="centro">


<div class="descrizione">

<h1>Titolo Sezione Principale</h1>

[img]foto1.jpg[/img]


Lorem ipsum feugait phaedrum ex sed, alia vivendum an qui. Justo oratio reformidans eos ei, nec eu scripta commune comprehensam. Nec ea meis nihil prompta. Vix ad ferri legendos, in mea ornatus contentiones intellegebat, ex ipsum gloriatur vix. Soluta eirmod has in, id pericula suscipiantur vel, per ne habemus noluisse ponderum. Eam an gubergren similique.

Vim stet idque tibique at. Veri dolor pri no, qui ex quot prima persequeris. Quo vidit omnium efficiendi cu, ex mei quis menandri partiendo. His tollit homero accumsan at, sea cu vitae splendide. Cu usu putent menandri disputationi. Dolor oratio ubique has at, sed ne nusquam mentitum omittantur.

Sea amet consetetur no, no decore senserit nam. Has id scripta fabulas molestiae. Eu usu volumus omittantur, ex dictas elaboraret per. Mel in esse oblique. Nobis fabulas sed ne, sit an eleifend assueverit.</p>


</div>



</div>



<div class="colDx">


</div>

<div class="chiuditutto"></div>

<div class="basso"></div>
</div>


appunto pagina centrale contiene sia la colonna sx sia il centro che la coldx....

chiuditutto è un clear:both;

il contenuto delle collone l ho tolto per comodita

sapete aiutarmi

[gra-fichetto]

Potresti postare l'intero css e la struttura della pagina?

[kerotan]

in qualche modo il footer sono riuscito a sistemarlo, ma nn finisce qui ho un altro problema (sempre e solo con IE)

come vedete da questa foto



ho messo lo stesso sfondo della pagina centrale per sfruttare l ombrette:

il codice:

HTML


<div class="ombra">


<div class="header">

QUI c'e IL FILMATO FLASH

</div>


<div class="menu">

<ul class="menuNavigazione">
<li class="primaVoce">HOME
<li class="voceCorrente">THE HOTEL[*]ROOMS[*]MEETING[*]ENJOYMENT[*]SERVICES[*]TOURIST INFORMATION[/list]
</div>

</div>

css

.ombra {
background-image:url(sfondo_centro.jpg);

width: 980px;
}

.header {
margin-left:20px;
}



.menu {
height:46px;
width: 940px;
margin-left:20px;
}


ecco come dovrebe venire (in tutti gli altri Browser viene cosi
naturlamente gli stili del menu nn sono stato metterli!



il problema come si capisce è che lo sfondo contiua quanto gli pare....anche dando una dimensione fissa allo sfondo Sfora ugualmente in IE

[gra-fichetto]

Per quanto riguarda IE, potrebbe essere un problema di margini nella lista?
Hai annullato i margini all' "ul"?

[kerotan]

/* MENU ORIZZONTALE */

.menuNavigazione{
background-image:url(bg_menu.jpg);
background-repeat:repeat-x;

font-size:14px;
color:#000;
margin:0;
padding-top:16px;
/*text-align:center;*/
height:46px;
}

.menuNavigazione li{
display:inline;
}
.menuNavigazione a{
height:0;
text-decoration:none;
margin-left: 35px;

}
.menuNavigazione a:link,
.menuNavigazione a:visited{

color:#FFF;
}
.menuNavigazione a:hover,
.menuNavigazione a:focus,
.menuNavigazione a:active{

color:#000;
background:url(puntatore.gif) no-repeat bottom center;
padding-bottom:14px;
}
.menuNavigazione .voceCorrente a:link,
.menuNavigazione .voceCorrente a:visited,
.menuNavigazione .voceCorrente a:hover,
.menuNavigazione .voceCorrente a:focus,
.menuNavigazione .voceCorrente a:active{

color:#000;
background:url(puntatore.gif) no-repeat bottom center;
width:10px;
padding-bottom:14px;
}

/* FINE MENU ORRIZZONTALE */


ecco lo stile del menu


grazie

[gra-fichetto]

Prova ad eliminare "height:46px;" da

.menuNavigazione{
background-image:url(bg_menu.jpg);
background-repeat:repeat-x;
font-size:14px;
color:#000;
margin:0;
padding-top:16px;
/*text-align:center;*/
height:46px;
border: 1px solid #888
}

[kerotan]

ho risolto!!!! maledetto IE!!!

ho fatto uno sfondo nuovo, lungo 309 px e ho fatto un foglio di stile solo per il fantastico IE

e ho messo questo:

.ombra {
background-image:url(sfondoflash.jpg);
background-repeat:no-repeat;

}

MALEDETTO!

grazie

[gra-fichetto]

Ok.

[valerio.bruno]

Originariamente inviato da kerotan
ho risolto!!!! maledetto IE!!!

ho fatto uno sfondo nuovo, lungo 309 px e ho fatto un foglio di stile solo per il fantastico IE

Come hai fatto a specificare un css diverso per IE?
Anche io ho un pò di problemi con IE.. e questa soluzione potrebbe salvarmi..

Valerio

[kerotan]

ciao ho messo questo

<!--[if IE ]>
<link rel="stylesheet" href="IE.css" type="text/css" />
<![endif]-->

nelle dichiarazioni del css

il filesi chiama IE.css

ciao