Mi aiutate con Explorer??

[[\_/|\_/]]

Stò facendo il mio sito ma ho dei grossi problemi di visualizzazione con Explorer... ( Opera e Mozilla vanno alla perfezione)

Ho provato a dargli un'aggiustatina ma certe cose proprio nn vogliono mettersi apposto...
Mi date una mano?

Il sito è qui:
http://edt.altervista.org/main.html

il css è qui:
http://edt.altervista.org/main_files/style.css

[Props]

Dando un primo sguardo al sorgente ho notato un errore abbastanza grave.

<div id="pageHeader">
			<div id="menu1"><div id="titles">Home</div></div>
<div id="menu2"><div id="titles">Photos</div></div>
<div id="menu3"><div id="titles">Science</div></div>
<div id="menu4"><div id="titles"><a>Games</a></div></div>
</div>

Un id non può essere ripetuto più volte in una pagina, e hai fatto uno spreco di id.Potevi tranquillamente usare le liste.Quel codice può essere sostituito con

<div id="pageheader">
<ul class="menu">[*]Home[*]Photos[*]Science[*]Games</div>

Nel css

#pageheader {
position:absolute;
top:0px;
right:0px;
max-height: 50px; /* Per Opera */;
overflow:hidden;
background: url(menu.png) top
}

ul,li {
list-style-type:none;
margin:0px;
padding:0px;
display:inline
}

ul.menu li {
background: url(menu-right.png) no-repeat right top;
color: #FFFFFF;
text-align: center;
font-size: 2.0em;
color: #FFFFFF;
}

Non so se ho commesso errori, spero di no, ma vado un pochettino di fretta.Appena posso, cerco di aiutarti meglio

[[\_/|\_/]]

Originariamente inviato da Props
Dando un primo sguardo al sorgente ho notato un errore abbastanza grave.

<div id="pageHeader">
<div id="menu1"><div id="titles">Home</div></div>
<div id="menu2"><div id="titles">Photos</div></div>
<div id="menu3"><div id="titles">Science</div></div>
<div id="menu4"><div id="titles"><a>Games</a></div></div>
</div>

Un id non può essere ripetuto più volte in una pagina, e hai fatto uno spreco di id.Potevi tranquillamente usare le liste.Quel codice può essere sostituito con

<div id="pageheader">
<ul class="menu">[*]Home[*]Photos[*]Science[*]Games</div>

Nel css

#pageheader {
position:absolute;
top:0px;
right:0px;
max-height: 50px; /* Per Opera */;
overflow:hidden;
background: url(menu.png) top
}

ul,li {
list-style-type:none;
margin:0px;
padding:0px;
display:inline
}

ul.menu li {
background: url(menu-right.png) no-repeat right top;
color: #FFFFFF;
text-align: center;
font-size: 2.0em;
color: #FFFFFF;
}

Non so se ho commesso errori, spero di no, ma vado un pochettino di fretta.Appena posso, cerco di aiutarti meglio

Grazie!

[[\_/|\_/]]

Ho aggiornato con la modifica che mi hai suggerito ma però è sorto un problemino...
Come faccio con la larghezza del menù? (widht nn lo prende con display: inline... )


Ah.. mi sono accorto che nn funge nemmeno height..

[Props]

A cosa ti servono width e height?Così mi sembra che sia apposto

[[\_/|\_/]]

prova ad andare nella sezione "Photos" o "Science"...
io il menù lo volevo così... (com'era prima in sostanza)