Diese Zeilen hier wiedersprechen sich:
Zitat:
#wrapper {
margin: 0 auto;
width: 100%;
}
Über "auto" sagst du dem Wrapper, er solle links und rechts den gleich
Platz lassen -- sich also letztendlich relativ zum Elternelement zentrieren.
Deshalb macht es keinen Sinn, die Breite dananch wieder auf 100% zu setzen.
Hier ist mal eine Basis für eine
Html-Datei:
Zitat:
<!DOCTYPE
html PUBLIC "-//
W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>TYPOlight webCMS - Home</title>
<style type="text/css" media="screen">
</style>
<link rel="stylesheet" href="DeinStylesheet.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper" style="background-color: yellow">
</div>
</body>
</
html>
Bedenke noch:
Die Prioriät, wie der Browser die Styles abarbeitet lauten:
- externe Stylesheet-Datei
- intern definierte Styles
- Inline-Style
Du könntes also z.B. gezielt im Inline-Style den
extern definierten Style überschreiben.
Gruß
Jürgen