Probleme mit Positionierung in Firefox

Status
Nicht offen für weitere Antworten.
A

alchemist

Mitglied
Hallo Forum,

ich habe mit CSS ein Grundgerüst für eine Seite erstellt.

Innerhalb einer Box sollen Texte und Grafiken gescrollt werden können.

Das Problem: Im Internet Explorer kann ich meine Elemente beliebig positionieren,
Firefox ignoriert die Werte für die Positionierung komplett.

Was mache ich bloß falsch?
Wäre wirklich dankbar für schnelle Hilfe.

Hier ist der Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

<html>
<head>

<style type=text/css>
body {
margin: 0px
}
#u1 {
font-family: verdana;
font-weight: bold;
font-size: 100%;
line-height: 5px;
color: #660000; }

}
#bild1 {
position:absolute;
top:100px;
left:10px;
}

<!--
div.scroll {
position: absolute;
top: 57 px;
left: 125 px;
height: 310px;
width: 660px;
overflow: auto;
padding: 8px }

-->


</style>

<body>

<div class="scroll">

<div id="u1">
<p>Test</p>
<p>Test</p>
</div>



<div id="bild1">
<img src="rs1.gif">
</div>



</div>






</body>
</html>
 
Entferne mal die doppelte Klammer } und den Kommentar <!-- --> aus dem CSS-Code:
Code: 
body {
margin: 0px
}
#u1 {
font-family: verdana; 
font-weight: bold; 
font-size: 100%;
line-height: 5px;
color: #660000; }

} 
#bild1 { 
position:absolute; 
top: 100px; 
left: 10px;
}

<!--
div.scroll { 
position: absolute; 
top: 57px; 
left: 125px; 
height: 310px; 
width: 660px; 
overflow: auto; 
padding: 8px } 
-->
und wähle einen entsprechenden Doctype für dein Frameset-loses Dokument.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück