zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Cascading Style Sheet (CSS) Problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 31.12.2008, 20:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.12.2008
Beiträge: 2
SYNOOP befindet sich auf einem aufstrebenden Ast
Standard Cascading Style Sheet (CSS) Problem

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

Geändert von SYNOOP (31.12.2008 um 21:01 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 31.12.2008, 21:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.12.2008
Beiträge: 2
SYNOOP befindet sich auf einem aufstrebenden Ast
Standard

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....
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:17 Uhr.