Hej gruppe.
Er ved at lave en hjemmeside i XHTML/CSS og som skal være lige
anvendelige i alle de gængse browsere.
Jeg er dog kommet på et problem som jeg ikke helt ved om jeg kan løse
uden brug af en tabel.
Jeg har bygget den forløbelige side om med divs:
wrapper
topbanner
right (float:right, er en menu)
left (er indhold på siden)
footer
Problemet er at hvis ikke enten menu'en eller indholdet fylder så
meget, så ryger footer'en jo med op.
Jeg kunne godt tænke mig, at hvis der ikke var så meget indhold på
siden, eller meget fyld i menu'en, at footeren så alligevel lagde sig
helt nederst i bunden af brugerens browser.
Jeg kan ikke komme på andre idéer end at bruge en simpel tabel til at
opbygge dette med. Men vil meget gerne kun lave det med divs.
NB: At angive enten indhold (left) eller menu (right) til 100% height
dutter ikke, da det vil flytte footeren så langt ned at der skal
scrolles.
<body>
<div id="wrapper">
<div id="top">
Top
</div>
<div id="right">
right
</div>
<div id="left">
left
</div>
<div id="footer">
footer
</div>
</div>
</body>
body {
margin: 0px;
padding:0px;
background: #F5F5F5;
text-align: center;
}
div#wrapper {
background: white;
margin-left: auto;
margin-right: auto;
width: 80%;
height: 100%;
min-width: 50em;
max-width: 70em;
text-align: left;
}
div#top {
/*width: 100%;
height: 5em;*/
margin: 0px;
padding: 0px;
background: blue;
}
div#right {
margin: 0px;
padding: 10px 10px 10px 10px;
float: right;
width: 30%;
background: yellow;
}
div#left {
margin: 0px;
padding: 10px 10px 10px 10px;
background: green;
}
div#footer {
margin: 0px;
padding: 0px;
background: red;
}