css-blödheit oder mozilla-bug???
Hendrik
- css
0 Fabian Transchel0 Hendrik
0 Kai Lahmann0 Hendrik
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">
<!--Nur hier hineinschreiben-->
<p class="maintitle">
1234567890 test
</p>
<p class="h3">
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
</p>
<p class="h3">
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
</p>
<p class="h3">
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
</p>
<p class="h3">
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
1234567890 test<br>
</p>
<!--Nur hier hineinschreiben-->
</div>
</body>
</html>
HalliHallo,
hi hendrik
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?
ich halte es für einen mozilla bug, ist mir auch schon passiert
aber mal sehen, was kai dazu meint ;-)
mfg aus coswig
Hendrik
Fabian
quelltext (entfernt):
_________________________________
bitte einen quelltext solchen umfangs entweder auszugsweise hier reinposten, oder aber (und besser) eine url angeben. danke
bitte einen quelltext solchen umfangs entweder auszugsweise hier reinposten, oder aber (und besser) eine url angeben. danke
sorry, hab schon so viel wie möglich gecuttet, wollte ewentuelle bugs nicht mitentfernen.
hi
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?
also ich kann dein Problem hier nicht nachvollziehen - Windows-Only?
Das CSS sieht wirklich noch nicht fertig aus - oben kackelt die Grafik hässlich und die Texte sind sehr unregelmäßig ausgerichtet..
Grüße aus Bleckede
Kai
hi
also ich kann dein Problem hier nicht nachvollziehen - Windows-Only?
maybe!?
Das CSS sieht wirklich noch nicht fertig aus - oben kackelt die Grafik hässlich und die Texte sind sehr unregelmäßig ausgerichtet..
Da Stand ja nicht immer "menüX" drin, ich hatte das schon recht weit ausgebaut, wollte nur noch nicht alles freigebe, ausserdem schreibe ich (wegen dem bug) gerade eh alles neu
Grüße aus Bleckede
Kai
mfg aus coswig
Hendrik