Seiten in Bereiche einteilen

Lona · 29.05.2011

Hallo liebe Foris!
Ich lerne gerade so einige Sachen nach Little Boxes,bin aber auf eine Sache gestossen die mir nicht ganz klar ist...Es soll folgendermassen eingeteilt werden

HTML:

<body id="startseite">
<div id="wrapper">

<div id="kopfbereich"> 

</div> <!-- Ende kopfbereich -->

<div id="navibereich"> 

</div> <!-- Ende navibereich -->

<div id="textbereich"> 

</div> <!-- Ende textbereich -->

<div id="fussbereich"> 

</div> <!-- Ende fussbereich -->

</div> <!-- Ende wrapper -->
</body>

Mir ist jetzt nicht klar ob ich den Inhaltsbereich da auch mit drin hab,denn ich wollte die Farbe dafür ändern und es geht nicht,sorry für meine Unwissenheit

JannisL · 29.05.2011

AW: Seiten in Bereiche einteilen

Der HTML Code passt wohl. Zeig mal die CSS, denn so kann man nicht viel sagen.

Lona · 29.05.2011

AW: Seiten in Bereiche einteilen

Code:

 * {
padding : 0;
margin : 0;
}
html {
height : 100%;
margin-bottom : 1px;
}
body {
background-color : #e2e2f1;
color : black;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : small;
}
div#wrapper {
background-color : white;
color : black;
width : 960px;
margin-top : 10px;
margin-right : auto;
margin-bottom : 10px;
margin-left : auto;
}
div#kopfbereich {
background-color : #ffffff;
color : black;
padding-top : 0px;
padding-right : 0px;
padding-bottom : 0;
padding-left : 0px;
}
#kopfbereich p {
  padding: 5px 0 5px 0;
  margin-bottom: 0; /* war 1em */
}





div#textbereich {
background-color:#ff000;

padding-top : 20px;
padding-right : 10px;
padding-bottom : 20px;
padding-left : 20px;
}
div#fussbereich {
padding-top : 10px;
padding-right : 20px;
padding-bottom : 20px;
padding-left : 20px;
border-top : 1px solid #1b1b38;
margin-top : 0;
}
img#logo {
background-color : white;
color : black;
padding : 20px;
border : 10px solid #ffffff;
}
h1 {
font-size : 150%;
}
h2 {
font-size : 130%;
}
address {
text-align : center;
font-size : 80%;
font-style : normal;
letter-spacing : 2px;
line-height : 1.5;
}
a {
text-decoration : none;
}
a:link {
color : #1b1b38;
}
a:visited {
color : #ff0000;
}
a:hover, a:focus {
border-bottom : 1px solid #d90000;
}
a:active {
background-color : #d90000;
color : white;
}
#textbereich a {
border-bottom : 1px dotted #cc0000;
}
#textbereich a:hover, #textbereich a:focus {
border-bottom : 1px solid #d90000;
}

das ist der css code soweit wie ich bekommen bin mit der Anleitung

cebito · 29.05.2011

AW: Seiten in Bereiche einteilen

Lona schrieb:
Mir ist jetzt nicht klar ob ich den Inhaltsbereich da auch mit drin hab,denn ich wollte die Farbe dafür ändern und es geht nicht,sorry für meine Unwissenheit

Das wird wohl der #textbereich sein

Lona schrieb:
Code:

div#textbereich { background-color:#ff000;}

das ist der css code soweit wie ich bekommen bin mit der Anleitung

Da liegt auch dein Problem, HEX-Farben werden mit 6-stelligen Codes dargestellt, wenn sich jeweils 3 Paare gleichen, kann man es auf 3 Stellen reduzieren. Du aber hast 5 Stellen... Schau mal in die Fehlerkonsole vom FF, die mahnt dir genau sowas an.

Lona · 29.05.2011

AW: Seiten in Bereiche einteilen

Ach bin ich doch ein *Dummkopf* hab ich wieder mal geschlampt :rolleyes:

...sorry..da kann es ja nicht gehen.
Danke Cebito