nicht angemeldet
Hallo!
Ich habe ein (für mich) recht eigenartiges Problem: Der Text einer Seite wird erst sichtbar, wenn man "über die weiße Seite markiert".
Vorher ist eben alles weiß, dann Mausklick und einmal über die Seite gezogen => Text erscheint!?
Ist da wo ein Fehler drin den ich nicht entdeckt habe? Oder hab ich zuviel divs für den IE? Oder liegts an was anderem?
Mit Firefox 1.0.4 klappts wunderbar, IE 6.0 funkt nicht. :(
Hier der Quellcode. Ich weiß ohne Bilder schauts blöd aus, aber der Effekt ist 8zumindest bei mir) auch ohne Bilder gut sichtbar:
-------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta content="de" http-equiv="Content-Language">
<title>Bla</title>
<link href="standard.css" rel="stylesheet" type="text/css">
<style type="text/css">
a.navi:link { color: #fff; text-decoration:underline; }
a.navi:active { color: #fff; text-decoration:underline; }
a.navi:visited { color: #fff; text-decoration:underline; }
a.navi:hover { color: #fff; text-decoration:underline; }
a.sub:link { color: #46f; text-decoration:none; }
a.sub:active { color: #000; text-decoration:none; }
a.sub:visited { color: #46f; text-decoration:none; }
a.sub:hover { color: #000; text-decoration:none; }
</style>
<base target="_self">
</head>
<body style="background-image: url(img/bg_left.PNG); margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;">
<img src="img/sonne_150x150t.png" width="150" height="150" border="0" style="position:absolute; left:67px; top:352px; z-index:5;" />
<div style="border:0px; background-image: url(img/bg_top.PNG);"><img style="z-index:20;" src="img/bg_left_r.PNG" alt="" width="111" height="23" /></div>
<div style="margin-left:50px; background-image: url(img/bg_rot.PNG); height:80px; border-left:1px solid #000; border-bottom: 1px solid #fff; font-family:Tahoma,Sans-Serif; font-size:10pt;">
<!-- NAVIGATION starts -->
<div style="position:absolute;top:12px;left:260px;text-align:center;">
<img src="img/header.PNG" width="520" height="60" alt="" border="0"><br>
<a class="navi" href="index.htm">Home</a> <img src="img/spacer_navi.PNG" width="30" height="21" border="0">
<a class="navi" href="xxx.htm">Aktuelles</a> <img src="img/spacer_navi.PNG" width="30" height="21" border="0">
<a class="navi" href="xxx.htm">Einteilung</a> <img src="img/spacer_navi.PNG" width="30" height="21" border="0">
<a class="navi" href="xxx.htm">Über uns</a> <img src="img/spacer_navi.PNG" width="30" height="21" border="0">
<a class="navi" href="xxx.htm"><b>Kontakt & GB</b></a>
</div>
<!-- NAVIGATION ends -->
</div>
<div style="margin-left:50px; background-color: #fff; border-left: 1px solid #000; border-top: 1px solid #46f;">
<div style="float:left; margin-left:0px; margin-top:0px; width:180px; height:400px; background-image: url(img/bg_hellblau.PNG); border-bottom:1px solid #46f; border-right:1px solid #46f;">
<!-- SUBMENU starts -->
<p style="margin:5px; margin-top:10px; font-family:Tahoma,Verdana,Sans-Serif; font-size:10pt; line-height: 20px;"> <a class="sub" href="xxx.htm">Kontakt</a></p>
<p style="margin:5px; margin-top:10px; font-family:Tahoma,Verdana,Sans-Serif; font-size:10pt; line-height: 20px;"> <a class="sub" href="xxx.htm">Noch ein Kontakt</a></p>
<p style="margin:5px; margin-top:10px; font-family:Tahoma,Verdana,Sans-Serif; font-size:10pt; line-height: 20px;"> <a class="sub" style="color:#000;" href="xxx.htm">Gästebuch</a></p>
<!-- SUBMENU ends -->
<img src="img/bg_eck.PNG" width="14" height="12" border="0" style="position:absolute; left:218px; top:494px;">
</div>
<div style="margin-left: 190px; padding:10px; font-family:Tahoma,Verdana,Sans-Serif; font-size:10pt; line-height: 20px;">
<!-- CONTENT starts -->
<h1 style="font-family:'Arial Narrow',Tahoma,Sans-Serif; font-size:22pt; margin-top:6px; margin-bottom:0px;">Willkommen</h1>
<p style="font-family:Tahoma,Sans-Serif; font-size:8pt; margin-top:0px; margin-bottom:10px;">bei www.bla.at</p>
<p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
<!-- INFOBOX starts -->
<div style="border:1px solid #aaa;background-color:#eee;padding:5px;text-align:right;">
<img src="img/sonne_150x150t.PNG" width="150" height="150" style="border:1px solid #000;float:right;margin-left:6px;">
Handbuch!<br>Nicht vergessen!<br style="clear:right;">
</div>
<!-- INFOBOX ends -->
<p>bla bla bla bla bla bla bla</p>
</div>
<div style="clear:both;border-top:10px solid #fff; border-bottom:10px solid #fff; margin:10px;">
<!-- FOOTER starts -->
<div style="border-top:1px solid #999;text-align:center;color:#999;font-size:8pt; font-family:Tahoma,Sans-Serif;">
<table width="100%" border="0" padding="0" spacing="0"><tr>
<td width="30%" style="text-align:left; vertical-align:top;">
<img src="img/lupe.PNG" width="12" height="12" border="0" /> Suche</td>
<td width="40%" style="text-align:center; vertical-align:top;">
© Hallo 2001 - 2005<br>
(last changed 04.07. by <a href="mailto:bla@aon.at" class="f">TB</a>)</td>
<td width="30%" style="text-align:right; vertical-align:top;">
<a href="x" class="f">Edit</a> <img src="img/edit.PNG" width="12" height="12" border="0" /></td>
</tr></table>
</div>
<!-- FOOTER ends -->
</div>
</div>
</body>
--------------------
Ich hoffe ihr könnt mir weiterhalfen, Danke, Sensei
Gunnar Bittersmann