Frage stellen
Hallo,
ich habe eine Homepage absoluter Neuanfänger bzgl. CSS) erstellt für unseren Fotoclub, die ich immer bei IE 6 + 7 ausprobiert habe, die dort auch richtig läuft. Jetzt bei Opera hängt sich DIV 10 und 31 immer an der linken oberen Seite fest. Was mache ich falsch?
Könnt ihr mir helfen?
Sigiman
Ich hänge einfach einmal die Seite an:
- Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- Willkommen 1 -->
<html>
<head>
<title>Willkommen 1</title>
<meta http-equiv="Content-Style-Type" content="text/css">
#nr1{background-color:#990000;
position:absolute; left:0px; top:10px;
width:1003px; height:5px}<!-- obere rote durchgehende Linie -->
#nr2{background-color:#CCCCCC;
position:absolute; left:0px; top:15px;
width:1003px; height:6px}<!-- obere graue durchgehende Linie -->
#nr3{background-color:#333333;
position:absolute; left:0px; top:22px;
width:1003px; height:80px; z-index:0;}<!-- mittleres schwarze Feld -->
#nr4{background-color:#CCCCCC;
position:absolute; left:0px; top:102px;
width:1003px; height:6px}<!-- untere graue durchgehende Linie -->
#nr5{background-color:#990000;
position:absolute; left:0px; top:109px;
width:1003px; height:6px}<!-- untere rote durchgehende Linie -->
#nr6{background-color:#333333;
position:absolute; left:0px; top:114px;
width:1003px; height:10px}<!-- unteres schwarze Feld nach roter Linie -->
<style type="text/css">
div {border:0px; font-family:sans-serif; color:FFFFFF;}
#nr10{position:absolute; left:20px; top:22px;}<!-- oberes linkes 2er Bild -->
#nr12{position:absolute; left:310px; top:42px;}<!-- Hallo und Guten Tag -->
#nr13{position:absolute; right:20px; top:22px;}<!-- oberes rechte 2er Bild -->
#nr31{background-color:#333333;
position:absolute; left:100px; top:150px; padding-top:0.8cm;
width:300px; height:350}<!-- linkes unteres dunkle Feld -->
#nr41{background-color:#333333;
position:absolute; left:525px; top:200px;
width:400px; height:200}<!-- rechtes untere dunkle Feld -->
#nr42{background-color:#333333;
position:absolute; left:525px; top:340px;
width:400px; height:50}<!-- rechtes untere dunkle Feld -->
#nr43{background-color:#333333;
position:absolute; left:525px; top:400px;
width:400px; height:50}<!-- rechtes untere dunkle Feld -->
#nr50{background-color:#333333;
position:absolute; top:540px; text-align:center;
width:450px; height:50}<!-- ganz unteres dunkle Feld -->
#nr51{background-color:#333333;
position:absolute; top:575px; text-align:center;
width:450px; height:25}<!-- Zähler -->
</style>
</head>
<body bgcolor="333333">
<div id="nr1"></div>
<div id="nr2"></div>
<div id="nr3"></div>
<div id="nr4"></div>
<div id="nr5"></div>
<div id="nr6"></div>
<div id="nr13"><img src="pict/2erobre1.jpg"></div>
<div id="nr10"><img src="pict/2erobli1.jpg"></div>
<div id="nr12"><H2 style="font-size:30pt">Hallo und Guten Tag.</H2></div>
<div id="nr31"><img src="pict/logoh350.gif"></div>
<div id="nr41">
<H3 style="font-size:26pt">Schön,
<br>dass Sie uns besuchen.
</div>
<div id="nr42"><H3 style="font-size:16pt">Kennen Sie uns schon?</div>
<div id="nr43">
<a href="clubue1.html" style="color:#FF9999">Ja,</a>
ich war schon öfters hier.
<p></p>
<a href="welcome2.html" style="color:#FF9999">Nein,</a>
ich bin zum ersten Mal hier.</H3>
</div>
<div id="nr50">
<H4 style="font-size:8pt">Alle Seiten sind auf 1024x768 Pixeln optimiert.
<br>Zuletzt geändert: 19.05.2009.</H4></div>
<div id="nr51"> <a href="http://www.andyhoppe.com/" title="Counter">
<img src="http://www.andyhoppe.com/count/?id=1241938997" style="border:none" alt="Counter" />
</a></div>
</body>
</html>
