Cascading Style Sheet (CSS) Problem

SYNOOP · #1 (**permalink**) 31.12.2008, 20:18

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!!!

SYNOOP · #2 (**permalink**) 31.12.2008, 21:31

Code:

body {
		
		margin: 0px;
}

#layout {

		width: 920px;
		
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 25px;
		padding-bottom: 0px;

		margin-right: auto;
		margin-left: auto;

		position: relative;

}

#content {

		padding-left: 5px;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		border: 2px #ececec solid;


}

Code:

...
<link href="css/default.css" type="text/css" rel="stylesheet">
<body>
<div id="layout">&nbsp;
<div id="content"><img src="img/contact.png">
&nbsp;

</div>

</div> <!-- end layout -->
</body>
</html>

jez hab ichs raus....

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Css Styleswitcher Problem	just4download	(X)HTML	11	20.06.2010 21:09
Problem mit Layout- Totaler CSS Noob	meici	CSS	3	01.03.2008 16:33
CSS style position problem ie, safari	CongoFX	CSS	4	28.02.2008 19:26
CSS Problem	Adriana	CSS	0	09.09.2006 16:51
CSS Tips & Tricks	Webnauts	Ressourcen	0	25.08.2006 23:04