Ich raffe es nicht! Beim klicken auf "anmelden" wird die Positionierung des Layer:"kopf" (so wie die in ihm enthaltenen Layer) im Internet-Explorer völlig aufgelöst. "X" anklicken und allles ist wieder okay. Absolut keine Probleme gibt es unter: Firefox, Google Chrome, Opera und Safari. Siehe: http://seniorenkompetenz.strippenzieher-online.de Was muss ich ggf. wo ändern, damit auch der Internet-Explorer die Seite korrekt wieder gibt!
Hier der Quelltext (css ist im Original ausgelagert und für mehrere Seiten genutzt):
<?php session_start(); $name = $_POST['username']; $code = $_POST['passwort'];
$_SESSION['username'] = $name; if (isset($name) && $code !=""){ include ('cgi-bin/passwort.txt'); if (($pass[$name] != "") && ($pass[$name] == $code)){ login(true,$name); }else{ $name=""; login(false,$name); } } ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html>
<head> <title>Das SeniorKompetenzTeam des Landkreises Potsdam-Mittelmark stellt sich vor</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="content-language" content="de"> <meta name="author" content="Siegfried Guenther"> <meta name="copyright" content= "2012 SeniorKompetenzTeam - alle rechte vorbehalten"> <meta name="robots" content="index, follow"> <meta name="language" content="German, de, deutsch"> <meta name="page-topic" content="SeniorKompetenzTeam"> <meta name="page-type" content="Service"> <meta name="audience" content="Senioren"> <meta name="generator" content="http://seniorenkompetenz.strippenzieher-online.de"> <meta name="publisher" content="SeniorKompetenzTeam"> <meta name="description" content="informationsseite der ehrenamtlichen arbeit der senioretrainer/inen in potsdam-mittelmark."> <meta name="keywords" content="senior, senioren, seniorin, seniorinen, seniortrainer, seniortrainerin, seniortraenerinen, seniorenfreundlich, zweite lebenshälfte, 2. lebenshälfte, potsdam-mittelmark, brandenburg"> <meta name="classification" content="senioren"> <meta name="revisit-after" content="1months">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"> <style type="text/css"> body { font-family: 'Calibri'; font-size:14px; text-decoration:none; background-color:#f0fff0;} div { border:none;}
#deck {position: fixed; top:-2px; width:100%; height:20px; background-color:#f0fff0; z-index:2;}
#kopf { position: fixed; top:5px; width:800px; left:50%; margin-left:-400px; height:198px; background-color:#2D934D; border:solid 2px gray; z-index:5;}
#text { position:absolute; top:242px; left:50%; width:800px; margin-left:-400px; background-color:#f0f0f0; border:double 2px silver; }
#log { position:absolute; top:300px; left:50%; margin-left:-300px; height:120px; width:600px; background-color:#e0e0e0; border:double 2px silver; z-index:2;}
#schatten { position:absolute; left:0; top:0; background-image:url('images/schatten.png'); border-width:1px; border-color:gray; border-style:none; width:200px; height:200px; z-index:1;}
#einlog { position:absolute; right:0; top:0; background-image:url('images/schatten.png'); border-width:1px; border-color:gray; border-style:none; width:200px; height:200px; z-index:1;}
#menue { border-style:none; width:100%; height:34px; position:absolute; bottom:-36px; background-color:white; }
#zu { position:absolute; right:3px; top:-12px; z-index:2;}
#taste { position:absolute; width:144px; height:24px; left:50%; margin-left:-72px; bottom:25px; border-style:none; z-index:1;}
#taste1 { position:absolute; width:144px; height:24px; left:-1px; top:0; border-style:none; z-index:1;}
#taste2 { position:absolute; width:144px; height:24px; left:159px; top:0; border-style:none; z-index:1;}
#taste3 { position:absolute; width:144px; height:24px; left:320px; top:0; border-style:none; z-index:1;}
#taste4 { position:absolute; width:144px; height:24px; left:481px; top:0; border-style:none; z-index:1;}
#taste5 { position:absolute; width:144px; height:24px; left:642px; top:0; border-style:none; z-index:1;}
h1 {font-weight:bold; font-size:2.1em; margin-top:0; margin-bottom:0; text-align:center;} h2 {font-weight:bold; font-size:1.2em; margin-top:0; margin-bottom:0; margin-left:10px; margin-right:10px;} h3 {font-weight:bold; font-size:1.2em; margin-top:0; margin-bottom:0; margin-left:5px; margin-right:5px; text-align:center;} input {font-size:1em; text-decoration:none;} a {font-size:1em; text-decoration:none;}
*.tief {line-height:100%;margin-top:8px;} *.blk {font-family:'MS Reference Sans Serif'; font-size:0.9em; line-height:130%; margin-top:0; margin-bottom:0; margin-left:10px; margin-right:10px; text-align:justify;} *.vit {font-size:1.2em; color:white; margin-top:1px; margin-left:0; text-align:center;} *.mit {line-height:90%; margin-top:0; margin-left:0; text-align:center;} *.rot {font-weight:bold; color:red; margin-top:4px;} *.gruen {font-weight:bold; color:green;} *.log {font-size:0.8em; line-height:140%;margin-top:0; margin-bottom:3px; text-align:center;} a.taste {display: block; width: 145px; padding: 3px 5px; text-decoration: none; font:-gray; border: 2px solid black; border-left-color: silver; border-top-color: silver; color: white; background-color: gray;} input.taste {display: block; width: 144px; padding: 3px 5px; text-decoration: none; font:-gray; border: 2px solid black; border-left-color: silver; border-top-color: silver; color: white; background-color: gray; font-weight:bold; margin-left:27px; margin-top:25px; cursor:pointer;} a.taste:hover, input.taste:hover { border: 2px solid black; border-left-color: silver; border-top-color: silver; background-image:url('bat/aktiv_grau.png'); color: black;}
#taste1 a.taste{display: block; width: 144px; padding: 3px 5px; text-decoration: none; font-weight:bold; border: 2px solid black; border-left-color: silver; border-top-color: silver; background-image:url('bat/hier_grau.png'); color: black; } </style>
<?php function login($okay,$name){ if ($okay == true){ echo (" <div id='log'> <h3 class='gruen'><br>Sie sind eingeloggt mit dem Namen: <font color='black'>- $name -</font> <br>und können jetzt den geschützten Mitglieds-Bereich betreten</h3> <p> </p> <div id='taste'> <p class='vit'><a class='taste' href='cgi-bin/intern.php' title='Geschützten Bereich betreten'>weiter</a> </div> </div> "); }else{ echo (" <div id='log'> <div id='zu'> <p><a href='index.php'> <img src='bat/zu.png' width='23' height='21' border=0 align='right'></a></p> </div> <h1 class='rot'>Bei der Eingabe wurde ein Fehler gemacht</h1> <h3 class='mit'><br>Überprüfen Sie noch einmal die Schreibweise von Name und Kennwort <br>sollten Sie ihr Kennwort vergessen haben, <br>wenden Sie sich bitte an den Administrator (kontakt)</h3> </div> "); } } ?>
</head>
<body><div id="deck"> </div> <div id="kopf"> <div id="schatten"> <img style="margin-left:15px; margin-top:15px;" border="0" src="images/logo_seniortrainer.jpg" alt="Logo: Senortrainer" title="Senortrainer"> </div>
<p class="mit"><img src="images/kompetenzteam.png" alt="Logo:Senor-Kompetenzteam" title="Senor-Kompetenzteam"width="250" height="125" style="margin-top:5px; border:solid 2px white;">
<div id="einlog"> <p class="vit">Mitgliedsbereich</p> <form action="<?php echo $_server['php_self']; ?>" method="post"> <p class="mit">Login-Name <br><input type="text" name="username" maxlength="18" size="20"><br> <p class="mit">Kennwort <br><input type="password" name="passwort" value="Passwort" maxlength="10" size="20"> <p class="mit"><input class="taste" type="submit" value="anmelden" style="font-weight:bold; margin-left:27px; margin-top:25px; cursor:pointer;" title="Mitgliedsbereich des SeniorKompetenzTeams"> </form> </div> <p class="vit"><a href="http://www.akademie2.lebenshaelfte.de/" title="Hier geht es zu Akkademie 2.Lebenshälfte; Bildung kennt kein Alter" alt="Logo: 2.Lebenshälfte"> <img style="margin-top:-4px;" src="images/zweite.gif" width="400" height="53" border="0"></a> <div id="menue"> <div id="taste1"> <p class="vit"><a class="taste" href="index.php" title="zur Titelseite">home</a> </div> <div id="taste2"> <p class="vit"><a class="taste" href="archiv.php" title="Archiv bisheriger Aktivitäten">archiv</a> </div> <div id="taste3"> <p class="vit"><a class="taste" href="e-mail.php" title="e-Mail an den Administrator">kontakt</a> </div> <div id="taste4"> <p class="vit"><a class="taste" href="links.php" title="Infos für SeniorInen">links</a> </div> <div id="taste5"> <p class="vit"><a class="taste" href="impressum.php" title="Angaben gemäß §5 TMG und Haftungsausschluss">impressum</a> </div> </div>
</div> <div id="text"> <?php include("index.txt"); ?> </div> </div>
</body> </html>