problema con div

[darklook]

premetto che è da poco che ho iniziato ad occuparmi di html css...
il mio problema è che con firefox il mio forum viene visualizzato correttamente, cioe il/i banner laterali vengono visualizzati, mentre explorer no li fa vedere.
questo è il codice che ho usato estrapolandolo da parte di una guida di forumfree:

<style>#leftdiv {height:99%; width:15%; position:fixed;left:0;} #centerdiv {max-width:inherit; width:auto !important ; width:98%; margin: auto 0 auto 16%; }</style>
<div id="leftdiv" style="background:url(http://image.forumfree.it/5/7/9/6/8/2/0/1283134997.jpg)">


</div><div id="centerdiv">......................

sicuramente ho usato una forma poco corretta quindi accetto tutti i consigli


http://fantastatte.forumfree.it/

[Aegidius157]

In genere molti errori di incompatibilità cross browser si possono risolvere integrando il CSS con il reset dei valori predefiniti, scritto da Eric Meyer.

Lo trovi qui.

[darklook]

niente problema non risolto, anzi mi ha cambiato alcune formattazioni ma roba di poco conto...
ho aggiustato un po il linguaggio cosi:

<style type="text/css">

#sinistra{
position:fixed;
top: 0;
left:0;
width:15%;
height:100%;
background: url(http://img394.imageshack.us/img394/721/juve20wj.gif) fixed no-repeat;
}

#centro{
position:absolute;
left:16%;
top:0;
width:60%;
height:auto;
}

</style>
<div id="sinistra"></div>
<div id="centro">

codice forum


</div>

niente firefox funziona bene mentre explorer 8 no...
utilizzando aptana l'alteprima in modalita explorer funziona.... se clicco su run e poi server interno internet explorer, funziona..
ma invece il sito in pubblico con lo stesso codice non funziona, il riempimento della div sinistra non appare...
mi potete aiutare a risolvere oppure in alternativa mi potete dare l'equivalente in script java forse cosi funziona

[darklook]

up

[darklook]

per inserire delle immagini laterali al forum ho provato anche questo codice:

<style type="text/css"> 
#contenitore 
{ 
overflow:visible; 
height: 100%; 
width:100%;
} 
 
#immagini 
{ 
position:fixed; 
overflow:auto; 
height: 300px; 
width:100%; 
background: orange; 
} 
 
#forum 
{ 
width: 100%; 
height:100%; 
position:absolute; 
top:0; 
left:0; 
} 
 
#imgsx 
{ 
position:relative; 
float: left; 
height: 100%; 
width: 14%; 
overflow: auto; 
background: url(http://img227.imageshack.us/img227/5900/juve10uc.gif) no-repeat; 
} 
 
#imgdx 
{ 
position:relative; 
float:right; 
height: 100%; 
width: 14%; 
overflow: auto; 
background: url(http://img227.imageshack.us/img227/5900/juve10uc.gif) no-repeat; 
} 
 
</style> 
 
 
 
<div id="contenitore">
<div id="immagini"> 
<div id="imgsx"></div> 
<div id="imgdx"></div> 
</div> 

<div id="forum">
.....
</div>
</div>

sicuramento ho fatto un po di confusione, fatto sta che su firefox sembra che va tutto bene mentre sull'explorer no.
se non assegno un vaore che non sia % a height in div immagini explorer mi rende tutta la pagina alta tipo 1%, mentre mettendo 300px come nell'esempioè appunto di 300px
quindi devo impostare l'overflow di contenitore su visible per avere almeno il forum come dovrebbe eseere
altro problema che sempre in explorer le immagini laterali non sono fixate

qualcuno Ha qualche illuminazione?

[sea_green]

Magari è una delle mie solite banalità
ma hai dimenticato delle virgolette, magari sono loro la causa dei tuoi guai...

background-image:url ('INDIRIZZO IMMAGINE');}

come vedi l'INDIRIZZO IMMAGINE va inserito tra gli apici!

[darklook]

Originariamente inviato da sea_green
Magari è una delle mie solite banalità
ma hai dimenticato delle virgolette, magari sono loro la causa dei tuoi guai...

background-image:url ('INDIRIZZO IMMAGINE');}

come vedi l'INDIRIZZO IMMAGINE va inserito tra gli apici!

no si scrive senza apici non è java

cmq ho risolto cosi:

<div id="forum">

-------
forum
-------

</div>
<div id="imgsx" style="position:absolute; top:0; left:0; width:15%; background:url(http://img227.imageshack.us/img227/5900/juve10uc.gif) fixed no-repeat;">
</div>

<div id="imgdx" style="position:absolute; top:0; right:0; width:15%; background:url(http://img227.imageshack.us/img227/5900/juve10uc.gif) fixed no-repeat top right;">
</div>

<script type="text/javascript">
var height = document.getElementById('forum').offsetHeight;
document.getElementById('imgsx').style.height=heig ht + 'px';
document.getElementById('imgdx').style.height=heig ht + 'px';
</script>

[mucu]

l'uso degli apici o dei doppi apici è opzionale
http://www.w3.org/TR/CSS2/syndata.html#uri
il problema sta da qualche altra parte
intanto bisognerebbe convertire l'html in xhtml 1.0 strict, che è quello con meno problemi
poi togliere tutte le formattazioni in-line
quindi scrivere il codice (html e css) indentato per facilitare la lettura
e finalmente andare a cercare l'errore