Vertikale Ausrichtung mit CSS-Basiertem Layout

[daedalus]

ich wollte heute ein bischen meine page auf den aktuellsten stand bringen, also XHTML konform machen und ein CSS-Basiertes Layout verwenden

Leider bin ich dabei auf 2 Probleme gestossen

1. Ich habe ein Element(div) welches wie folgt formatiert wird:
div#banner {

background-color: black;
margin: 3px;
width: 794px;
height: 50px;
color: white;
font-weight: bold;
vertical-align: bottom;





}

der html/xhtml entsprechend ist:
<div id="banner">meineseite.ch</div>

Es geht alles bis auf das meineseite.ch in dieser "box" nicht nach unten ausgerichtet ist, weiss da jemand rat?


2. scheint bei mir
body {
color: #000000;
background-color: #cccccc;
font-family: Tahoma;
margin: 0px;
text-align: center;




}
diese background-color definition nicht ganz zu funktionieren, es wird nicht der gesamte hintergrund "grau" sondern einfach dort wo es schon elemente hat... aber eigentlich würde ich gerne die gesamte seite grau haben.


auf schnelle hilfe wäre ich sehr dankbar =)

 

[raphaelp]

hast du einen link auf ne seite dass wir evtl. bisschen probiern koennen?

 

[daedalus]

klar =)
http://www.dilorenzo.ch/vorlage.xhtml

da kannst du ausprobieren wie du willst =)

 

[raphaelp]

ist zwar nicht so schoene loesung, aber vielleicht hilft's:

div#banner {
border: 1px solid #ccc;
background-color: black;
margin: 3px;
width: 794px;
height: 50px;
}
div#banner .txt {
margin: 30px 0px 0px 2px;
vertical-align: bottom;
color: white;
font-weight: bold;
}


<div id="banner"><div class="txt">dilorenzo.ch</div></div>

 

[daedalus]

merci, es geht =)