nicht angemeldet
Seite einrahmen mit CSS: IE :-) Mozilla :-(
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
-
Hi Steve,
der IE ist hier das eigentliche Problem, er hat nämlich einen Bug was Padding angeht, verwende deshalb margin für Abstände.
MfG
Danny-
der IE ist hier das eigentliche Problem, er hat nämlich einen Bug was Padding angeht, verwende deshalb margin für Abstände.
Hi Danny,
ich hab jetzt statt padding margin verwendet. In der "fehlerhaften / unterscheidlichen" Darstellung hat sich aber nichts geändert.
Das Problem muss woanders liegen!
Bye,
Steve
-
Mhmmm....
Mit height:92%; width:95%; im div geht's aber warum ist 100% zu groß?
-
-