Supportnet / Forum / Webseiten/HTML
mit css div align: bottom
Frage
hallo!
ich beschäftige mich seit eben grade mit div/css-layout und hab mal ne frage:
ich hab eine <div>. links in der div ist ein bild, 200 pixel hoch. rechts in der div ist eine weiter, die am unteren rand gezeigt werden soll...
eigentlich recht simpel, doch ich bekomms nicht hin...
body {
padding: 0px;
margin: 0px;
}
#header {
padding: 0px;
margin: 0px;
width: 770px;
height: 200px;
background-color: #999999;
}
#menue {
align: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
text-align: right;
vertical-align: middle;
font-size: 12px;
font-style: normal;
color: #996666;
}
das ist mein css, und so das html:
<div id="header"><img ...><div id="menue">menü-text</div></div>
die menue-div wird immer am oberen rand angezeigt...wieso?
Antwort 1 von f*euervogel
yeah, so gehts:
#header {
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
margin: 0px;
width: 770px;
height: 200px;
background-color: #999999;
}
#menue {
position: absolute;
bottom: 0px;
right: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #00FF00;
text-align: right;
font-size: 12px;
font-style: normal;
color: #ff00ff;
}
#header {
position: absolute;
left: 0px;
top: 0px;
padding: 0px;
margin: 0px;
width: 770px;
height: 200px;
background-color: #999999;
}
#menue {
position: absolute;
bottom: 0px;
right: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #00FF00;
text-align: right;
font-size: 12px;
font-style: normal;
color: #ff00ff;
}