vertical-align:bottom; problem.
Hej,Jeg har rodet rundt med det som en gal, læst flere forums, alle med hver sin forklaring men uden videre held..
Sagen er den at jeg skal have div(menuBar) til at være i bunden "at all times", uden at den blot overlapper div(mainContent).
Hvordan løser man dette med vertical-align, for den gør ikke det åbenlyse? (sku' bare ha' holdt mig til HTML, det ved man sku' hva' er og gør)
Ville sætte pris på hvis nogle kunne afslutte min kode, frem for links til flere forklaringer:) Så skal jeg nok gennemskue det....
-----------------------------------------------------------------
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title></title>
<style type="text/css" media="screen">
body {
font-family : Verdana;
font-size : 10px;
color : #000000;
margin : 0px;
}
#mainContent {
width : 100%;
height : 100%;
vertical-align : bottom;
background-color : #EBEBEB;
}
#menuBar {
width : 100%;
height : 125px;
background-color : #CCCCCC;
border-top : 1px solid #888888;
}
</style>
</head>
<body>
<div id="mainContent">
<div id="menuBar">test</div>
</div>
</body>
</html>
