Hallo liebe community,
ich möchte eine Website mittels CSS in allen Bildschirmauflösungen mittig platzieren das klappt soweit auch ja allerdings habe ich das Problem,
wenn ich das Browserfenster etwas verkleinere dann habe ich auf der linken Seite die definierten "padding-left: 5px;" also 5px abstand vom eig. DIV- Element aber wenn ich dann horizontal auf die rechte seite scrolle da sind dann von den "padding-right: 5px;" nichts mehr zusehen, wie kommt das? was mach ich falsch?
ich hoffe mal ihr versteht was ich meine...
Code:
Cascading Style Sheet (CSS)
body {
margin: auto;
}
#layout {
width: 920px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 25px;
padding-top: 0px;
margin-left: auto;
margin-right: auto;
position: relative;
}
Code:
HyperTextMarkupLanguage (HTML)
<html>
<head>
<title></title>
<link href="default.css" type="text/css" rel="stylesheet">
</head>
<body>
<div id="layout">
</div>
</body>
</hml>
Um es zu verdeutlichen was ich meine, Beispiel an einer anderen Seite aus dem FAQ, gleiches Problem wie bei mir...

auf der linken Seite werden die definierten 5px abstand eingehalten.

auf der rechten wieder nicht obwohl ich es als "padding-right: 5px" definiert habe
also langsam aba sicha raste ich echt heute noch aus ich weiß net bin ich dumm oda was ist los sonst hab ich nie probleme mit css, ich will alles perfekt haben sowas bringt mich echt auf 360!!!