nicht angemeldet
Hallo,
ich versuche mir gerade ein auf CSS basiertes Layout zu basteln. Leider verzweifle ich gerade schon an der ersten Hürde. Ich will einfach den Inhalt der Website in einer Box haben, die nach allen Seiten zum Rand einen Abstand von 10px hat.
Dies habe ich mit body { margin:10px; padding:0px; } versucht. Im Firefox ist aber am rechten Rand kein Abstand zu sehen. Erhöhe ich den Abstand von 10px auf 20px ist dort ein etwa halb so breiter Rand wie Links und oben zu sehen. Ich glaube also, dass die Scrollleiste einen Teil der Website verdeckt.
Natürlich könnte ich es mit margin-right:20px; schaffen, dass recht ein genügend breiter Rand bleibt, aber dann würde das ja im Opera schlecht aussehen.
OK, das wars dann, vielen Dank schonmal für eure Hilfe,
brockerdocker
Hier ein Beispiel:
<html>
<head>
<title></title>
<style type="text/css">
<!--
[code lang=css]
#gr { width:100%; background-color:green; padding:5px; margin:0px; text-align:center; }
body { margin:10px; padding:0px; }
-->
</style>
</head>
<body>
<center>
<div id="gr">
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
Inhalt<br>
</div>
</center>
</body>
</html>
[/code]
MudGuard