Placering af menu og baggrund
Jeg kæmper med at få placeret min baggrund og menu således at de bliver vist korrekt i skærmstørrelser på 800x600 og 1024x768.Når der gengives i 800x600 står menuen og baggrundsbilledet neden under hinanden (i hver sin side), og når der vises i 1024x768 kommer baggrundsbilledet slet ikke frem.
Kan nogen hjælpe?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
html, body {
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size: 9pt;
}
#baggrund {
min-height:50%;
position:absolute;
background-image:url(fortaeppe700.jpg);
top:0px;
left:150;
}
#side-bar {
position:relative;
width: 10em;
clear: left;
border-right: 1px solid rgb(153,153,153);
}
#side-bar div {
border-bottom: 1px solid rgb(153,153,153);
}
#side-bar ul {
list-style-type: none;
list-style-position: outside;
background: #EDEDED;
margin: 0;
padding: 0 0 1.1em 0;
}
#side-bar li {
margin: 0;
padding: 0.1ex 0; /* Circumvents a rendering bug (?) in MSIE 6.0 */
}
#side-bar a, .thisPage {
color: rgb(0,102,204);
background-color: transparent;
text-decoration: none;
margin: 0;
padding: 0.75em 1ex 0.75em 5mm;
display: block;
}
.thisPage {
color: black;
background-color: white;
padding-left: 4mm;
border-top: 1px solid rgb(153,153,153);
border-bottom: 1px solid rgb(153,153,153);
}
#side-bar a:hover {
color: white;
background-color: rgb(100,135,220);
text-decoration: none;
}
.sideBarText {
line-height: 1.5em;
margin: 0 0 1em 0;
padding: 0 1.5ex 0 2.5mm;
display: block;
}
#side-bar .sideBarText a {
text-decoration: underline;
margin: 0;
padding: 0;
display: inline;
}
#side-bar .sideBarText a:hover {
color: rgb(0,102,204);
background-color: transparent;
text-decoration: none;
}
</style>
<TITLE>My page</TITLE>
</head>
<body>
<div id="baggrund">
</div>
<div id="side-bar"
<div>
<font size="2">
<ul>
<li><a href="http://localhost/temp/index.php" title="Forside">Forside</a></li>
<li><a href="http://localhost/temp/forestillinger.php" title="Forestillinger">Forestillinger</a></li>
<li><a href="http://localhost/temp/billetsalg.php" title="Billetsalg">Billetsalg</a></li>
</div>
</div>
</BODY>
</HTML>
