css-blödheit oder mozilla-bug??? von Hendrik, 30.06.2002 11:26

css-blödheit oder mozilla-bug???

Hendrik 30.06.2002 11:26

HalliHallo,
ich habe gerade eine erstaunliche entdeckung gemacht.
Unten steht der quelltext meiner sich entwickelnden mozilla-seite.
Nun habe ich gerade eine, mehr oder weniger, witzigen feststellung gemacht, wenn ich einmal nach unten scrolle und wieder hoch, dann bleibt eine Art Abbild des Menüs an der letzten Position hängen, so eine Art scrennshot, denn der Text isr nicht markirbar. Lieg das m schlampigen css (das sowieso noch nicht seinen Endzustand hat) oder ist das echt ein mozilla-bug?

mfg aus coswig
Hendrik

quelltext (einfach kopieren und als html speichern):
_________________________________

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Hendriks MozillaSeite</title>
<meta http-equiv=content-Type content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="de">
<style type="text/css">
body {
color:#004b8c;
background-color:#888;
padding:0px;
margin:0px;
}

.title {
color:#004b8c;
position:fixed;
background-image:url(http://www.fortunecity.de/parkalleen/parkallee/612/back.jpg);
top:0px;
left:0px;
width:100%;
padding:0px;
height:20px;
z-index:150;
border-bottom-color:#004b8c;
border-bottom-style:solid;
border-bottom-width:0px;
background-color:transparent;
font-family:verdana,sans-serif;
font-size:18px;
word-spacing:4px;
}
.menu ul {
display: none;
position:fixed;
background-color:transparent;
color:#004b8c;
list-style: none;
margin:0px;
padding:0px;
}
.menu ul a {
text-decoration:none;
color:#004b8c;
background-color:transparent;
}
.menu ul a:visited {
text-decoration:none;
color:#004b8c;
background-color:transparent;
}
.menu ul:hover li{
display: block;
padding:0px;
}
div.menu:hover ul {
display: block;
margin:0px;
padding:0px;
z-index:50;
}
.subtitle {
color:#004b8c;
position:fixed;
background-image:url(http://www.fortunecity.de/parkalleen/parkallee/612/back.jpg);
background-color:transparent;
z-index:100;
top:20px;
left:0px;
width:100%;
padding:0px;
height:25px;
border-bottom-color:#004b8c;
border-bottom-style:solid;
border-bottom-width:1px;
}
#menu1{ left:5px; position:fixed; z-index:70;}
#menu2{ left:60px; position:fixed; z-index:70;}
#menu3{left:165px; position:fixed; z-index:70;}
#menu4{left:220px; position:fixed; z-index:70;}
#menu5{left:290px; position:fixed; z-index:70;}
#menu6{left:400px; position:fixed; z-index:70;}
#menu7{left:450px; position:fixed; z-index:70;}
#menu8{left:525px; position:fixed; z-index:70;}
#menu9{left:630px; position:fixed; z-index:70;}

.boddy {
color:004b8c;
font-family:verdana;
position:relative;
top:55px;
left:10px;
margin:0px;
padding:0px;
width:100%;
}
h1{
color:#004b8c;
background-color:transparent;
font-family:verdana,sans-serif;
font-size:small;
font-weight:100;
}
h2{
color:#004b8c;
background-color:transparent;
font-family:verdana,sans-serif;
font-size:medium;
font-weight:100;
}
h3{
color:#004b8c;
background-color:transparent;
font-family:verdana,sans-serif;
font-size:large;
font-weight:100;
}
h4{
color:#004b8c;
background-color:transparent;
font-family:verdana,sans-serif;
font-size:x-large;
font-weight:100;
}
p.h3 {
width:40%;
color:#004b8c;
background-color:transparent;
font-family:verdana,sans-serif;
font-size:large;
font-weight:100;

}
hr {
width:55%;
color:#004b8c;
background-color:#888;
}
.maintitle {
color:#004b8c;
background-color:transparent;
font-family:verdana,sans-serif;
font-size:x-large;
width:50%;
left:0px;
right:0px;
border-width:3px;
border-color:#004b8c;
border-style:dashed;
padding:0px;
margin-top:0px;
margin-bottom:15px;
}
.lay {
width:70%;
margin-top:50px;
color:#888;
background-color:#004b8c;
font-size:medium;
font-weight:bold;
position:relative;
}
img {border-width:0px;}
.boddy a:link {color:#004b8c;background-color:transparent;text-decoration:underline;}
.boddy a:hover {color:#004b8c;background-color:transparent;text-decoration:none;}
.boddy a:visited {color:#005c9d;background-color:transparent;text-decoration:underline;}
.boddy a:visited:hover {color:#005c9d;background-color:transparent;text-decoration:none;}
</style>
</head>
<body>
<div class="title">
<div class="menu" id="menu1">menu1
   <ul><li><a href="index.htm">submenu1</a></li></ul>
</div>
   <div class="menu" id="menu2">menu2
   <ul><li><a href="#">submenu2</a></li></ul>
</div>
<div class="menu" id="menu3">menu3
   <ul><li><a href="chat.html">submenu3</a></li></ul>
</div>
<div class="menu" id="menu4">menu4
   <ul><li><a href="#">submenu4</a></li></ul>
</div>
<div class="menu" id="menu5">menu5
   <ul><li><a href="downloads.htm">submenu5</a></li></ul>
</div>
<div class="menu" id="menu6">menu6
   <ul><li><a href="links.html">submenu6</a></li></ul>
</div>
<div class="menu" id="menu7">menu7
   <ul><li><a href="mozilla.html">submenu7</a></li></ul>
</div>
<div class="menu" id="menu8">menu8
   <ul><li><a href="ego.html">submenu8</a></li></ul>
</div>
<div class="menu" id="menu9">menu9
   <ul><li><a href="email.html">submenu9</a></li></ul>
</div>

</div>
<div class="subtitle"></div>
<div class="boddy">

<p class="maintitle">
1234567890 test
</p>

</div>
</body>
</html>

Beitrag melden

– Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

Hendrik: css-blödheit oder mozilla-bug???

Beitrag lesen

css-blödheit oder mozilla-bug???

css-blödheit oder mozilla-bug???