Jeg er ved at lave et site i ren XHTML 1. Se
http://www.dahr.dk/ny_index.html
Min topnavigation er en <ul> der er pakket ind i en <div>, som jeg så har
forsynet med et baggrundsbillede vha css. (vel, faktisk ligger der noget php
og vælger et tilfældigt billede som baggrundsbillede når siden loades, men
må være irrelevant i denne sammenhæng).
Siden validerer, og jeg har også tjekket den i alle tænkelige browsere på
alle tænkelige platforme (vha
www.browsercam.com - en genial ting). Det ser
acceptabelt ud i alt undtaget Explorer 5.2 på MAC. Her bliver
baggrundsbilledet på <div>en ikke vist.
Hvordan pokker kan det være, og hvad kan jeg gør ved det?
Koden følger nedenfor.
På forhånd tak.
Peter
HTML
<div id="top">
<ul>
<li id="top-forside"><a href="ny_index.html" tabindex="1">Forsiden</a></li>
<li id="top-omdahr"><a href="ny_omdahr.html" tabindex="2">Om DAHR</a></li>
<li id="top-kalender"><a href="ny_kalender.html"
tabindex="3">Kalender</a></li>
<li id="top-danmark"><a href="ny_danmark.html"
tabindex="4">Religionshistorie
i Danmark</a></li>
<li id="top-interntationalt"><a href="ny_internationalt.html"
tabindex="5">Internationalt
samarbejde</a></li>
<li id="top-medlem"><a href="ny_medlem.html" tabindex="6">Bliv
medlem</a></li>
<li id="top-links"><a href="ny_links.html" tabindex="7">Links</a></li>
<li id="top-english"><a href="ny_english.html" tabindex="9">In
English</a></li>
</ul>
</div>
CSS
#top {
width: 782px;
text-align:left;
background-color:#FFFFFF;
background-image:url('ny_images/rotate/rotate.php');
background-repeat: no-repeat;
border-top:1px solid #4F4F4F;
border-right:1px solid #4F4F4F;
border-bottom:1px solid #4F4F4F;
border-left:1px solid #4F4F4F;
margin: 0px;
padding-top:56px;
padding-left:16px;
padding-right:0px;
padding-bottom:3px;
}
#english #top {
background-image:url('ny_images/rotate_english/rotate.php');
}
#top ul
{
list-style: none;
display: inline;
margin:0px;
padding:0px;
}
#top li {
display: inline;
white-space:nowrap;
padding:0px;
margin-top:0px;
margin-left:-5px;
margin-right:0px;
margin-bottom:0px;
text-align: center;
}
#top a:link,
#top a:visited {
color:#4F4F4F;
padding-top:2px;
padding-right:4px;
padding-bottom:3px;
padding-left:4px;
margin:0px;
text-decoration: none;
}
#top a:hover {
color:#4F4F4F;
text-decoration: underline;
}
#forside #top-forside a,
#omdahr #top-omdahr a,
#kalender #top-kalender a,
#danmark #top-danmark a,
#internationalt #top-interntationalt a,
#medlem #top-medlem a,
#links #top-links a,
#english #top-english a {
color:#FFFFFF;
background-color: #4F4F4F;
text-decoration: none;
}
#forside #top-forside a:hover,
#omdahr #top-omdahr a:hover,
#kalender #top-kalender a:hover,
#danmark #top-danmark a:hover,
#internationalt #top-interntationalt a:hover,
#medlem #top-medlem a:hover,
#links #top-links a:hover,
#english #top-english a:hover {
color:#FFFFFF;
background-color: #4F4F4F;
text-decoration: underline;
}