Steve: Seite einrahmen mit CSS: IE :-) Mozilla :-(

Beitrag lesen

Hallo,

ich teste nun schon stundenlang Codeschnippsel um eine Seite mit einem äusserem Rahmen zu versehen. Der Inhalt der Seite soll in einem scrollbarem DIV-Berich erscheinen. Unter dem IE 5.x / 6.x klappt alles. Nur die Browser der Mozilla Generation machen Probleme mit der Breitenanzeige und den Scrollbars.

Ich poste nun mal folgenden Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="de">
<head>
<title>Test</title>

<style type="text/css">
<!--
body {margin:0; padding:15px;
      height:100%; width:100%;
      font-family:Tahoma,Helvetica,Arial; font-size:11px;
      background:#D2DFEA; color:#000000;
      overflow: -moz-scrollbars-none;
      overflow:hidden;}

div.textArea {border:black 1px solid;
              padding:15px;
              overflow: -moz-scrollbars-vertical;
              overflow: -moz-scrollbars-horizontal;
              overflow:auto;
              height:100%; width:100%;
              background:#FFFFFF; color:#000000;}
-->
</style>
</head>

<body>
<div class="textArea">
<p style="margin-top:300px;">Test Test</p>
</div>
</body>
</html>

Vielleicht weiss jemand Rat wie hinbekomme, das das Layout in allen Browsern gleich aussieht.

Danke schon mal,

Steve