title image


Smiley Re: SeitenMitte schiebt sich unter den Header
> #header_container {

> font-family: arial, helvetica, verdana, sans-serif;

> }



> hatte ich es schon, Schrift wird formatiert aber Contentbereich schiebt sich

> wieder unter den Header.



Und wie verhält es sich, wenn Du zusätzllich noch ein margin-top in Höhe des Header einbaust?



#header_container {

margin-top: /* Höhe des Header inkl. Maßeinheit */

font-family: arial, helvetica, verdana, sans-serif;

}





> Bei dieser Sache fehlt mir der Zugang:



> CSS:

> #header_container span {

> display: block;

> }



span ist ein Kind-Element von #header_container. Formatiert werden nur alle span, die

sich im übergeordneten Container befinden. Hat keine Auswirkungen auf andere span,

die sich in anderen Containern (übergeordneten Elementen) befinden.



Übergeordnete Container: #header_container

Kind-Element: span



ergo:

#header_container span {

/* gewünschte Formatierungen */

}



Im Html wird das Kind-Element innerhalb des übergeordneten Container eingebaut.

<div id="header_container">

<span> ... </span>

.

.

</div>



Schau Dir mal Deinen HTML-Quelltext an:

html ist der oberste Container und definiert das Browserfenster,

in ihm befindet sich als direkte Kind-Elemente head und body,

head lassen wir hier weg, weil es für uns uninteressant ist.

in body befinden sich andere Container,

in jedem diesen Container befinden sich wieder andere Container,

usw.



jeder übergeordnete Container wird als Eltern-Element bezeichnet, der Kinder hat,

also Container die in diese Containern eingebaut werden.



html ist das Eltern-Element von body,

body ist also direktes Kind-Element von html,



body ist Eltern-Element aller direkten in ihm eingebauten Container

alle direkt eingebauten Container sind also Kind-Elemente von body





> Wo soll diese Zeile in der CSS-Datei stehen?

> <span style="display: block; background-color: #FFDFDF;">display: block;</span>



Siehe eine Antwort höher.



mfg Achim

geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: