nicht angemeldet
Hallo Forum,
in der beigefügten Beispieldatei tritt folgendes Phänomen auf: im FF (Version 2.0.0.7) werden die Aufzählungssymbole (discs) zwar angezeigt, aber außerhalb des gewünschten Bereiches (siehe die zum Test angezeigten Rahmen), im IE 6.0 werden sie gar nicht angezeigt. Die Seite habe ich bereits validieren lassen. Ferner habe ich zum Test die style-Angabe auch direkt in das <ul>-Tag eingefügt mit demselben Ergebnis. Kann mir bitte jemand hierzu weiter helfen, meine Suche im Forum war nicht erfolgreich.
Schönen Gruß
vom Bronimus
Die Datei:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Testseite</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="de">
<style type="text/css"><!--
* {
margin:0em;
padding:0em;
font-size:100.01%;
}
body {
position:absolute;
top:0px;
left:0px;
width:1024px;
height:100%;
z-index:1;
background-color:#d3dbe6;
background-repeat:no-repeat;
font-family:verdana, arial, helvetica, sans-serif;
text-align:left;
}
img {
border:0px;
}
#navigator {
position:absolute;
top:228px;
left:30px;
width:200px;
height:100%;
z-index:10;
border:1px solid #000000;
color:#9c0000;
font-style:italic;
font-weight:normal;
font-size:21px;
font-family:times, serif;
text-align:right;
line-height:47px;
}
#navigator a {
color:#9c0000;
font-weight:normal;
text-decoration:none;
}
#navigator a:link {
color:#9c0000;
font-weight:normal;
text-decoration:none;
}
#navigator a:hover {
color:#9c0000;
font-weight:bold;
text-decoration:none;
}
#kopfzeile {
position:absolute;
top:135px;
left:260px;
width:538px;
height:80px;
z-index:11;
border:1px solid #000000;
color:#9c0000;
font-size:40pt;
vertical-align:bottom;
}
#inhalt {
position:absolute;
top:240px;
left:260px;
width:538px;
z-index:5;
border:1px solid #000000;
color:#9c0000;
font-size:10pt;
vertical-align:top;
}
#inhalt ul {
list-style:disc outside;
}
#info {
position:absolute;
top:30px;
left:824px;
width:200px;
height:100%;
z-index:4;
border:1px solid #000000;
color:#9c0000;
font-size:11px;
vertical-align:top;
}
--></style>
<body>
<div id="kopfzeile">kopfzeile</div>
<div id="navigator">
navigator 1 <br>
navigator 2 <br>
</div>
<div id="info">
Info-Bereich
</div>
<div id="inhalt">
<p style="font-size: 14pt;">
Überschrift:<br>
</p>
<ul>
<li>Liste 1</li>
<li>Liste 2</li>
<li>Liste 3</li>
</ul>
</div>
</body>
</html>