I added a Div id = container right beneath the opening body, and right before the closing </body> tag.
css
#container
{
width:1024px;
}
#lang
{
background-position:40px 140px;
background-attachment: fixed;
background-repeat:no-repeat;;
position: absolute;
border: solid 0px black;
left:770px;
top:5px;
}
#banner
{
background-position:40px 140px;
background-attachment: fixed;
background-repeat:no-repeat;;
position: absolute;
border: solid 0px black;
left:50px;
top:25px;
text-align:left;
}
#main
{
background-position:40px 140px;
background-attachment: fixed;
background-repeat:no-repeat;;
position: absolute;
background-color:white;
border: solid 2px red;
left:50px;
top:142px;
Width:900px;
height:450px;
text-align:left;
overflow:auto;
font: normal 18px/15px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
color:black;
filter:alpha(opacity=85);
-moz-opacity:.85;
opacity:.85;}
}
#table
{
position: absolute;
background-color:white;
border: solid 1px black;
left:15px;
top:70px;
Width:820px;
height:360px;
font: normal 15px/15px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
overflow:auto;
text-align:left;
color:black;
filter:alpha(opacity=75);
-moz-opacity:.90;
opacity:.90;}
}
#travel
{
position: absolute;
background-color:white;
border: solid 0px black;
left:100px;
top:270px;
Width:400px;
height:300px;
font: normal 15px/15px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
overflow:auto;
text-align:left;
color:black;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;}
}
#list
{
position: absolute;
left:720px;
top:160px;
colour:black;
text-align:center;
filter:alpha(opacity=96);
-moz-opacity:.96;
opacity:.96;
}
#travelfrom
{
position: absolute;
left:60px;
top:10px;
colour:black;
text-align:center;
}
#travelto
{
position: absolute;
left:260px;
top:10px;
colour:black;
text-align:center;
}
#traveltimehour
{
position: absolute;
left:260px;
top:180px;
colour:black;
text-align:center;
}
#traveltimeminute
{
position: absolute;
left:310px;
top:180px;
colour:black;
text-align:center;
}
#travelday
{
position: absolute;
left:60px;
top:180px;
colour:black;
text-align:center;
}
#travelmonth
{
position: absolute;
left:110px;
top:180px;
colour:black;
text-align:center;
}
}
#navcontainer
{
width: 100%;
margin: 10px 0 0 50px;
padding: 0;
height: 10px;
}
#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}
#navcontainer ul li a
{
background: #666666;
width: 150px;
height: 8px;
position:relative;
left:-10px;
top:103px;
border-top: 1px solid red;
border-left: 1px solid red;
border-bottom: 1px solid red;
border-right: 1px solid red;
padding: 0;
margin: 0 0 10px 0;
color: white;
text-decoration: none;
display: block;
text-align: center;
font: normal 15px/21px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}
#navcontainer ul li a:hover
{
color: #ffffff;
background: #808080;
}
#navcontainer a:active
{
background: #808080;
color: #ffffff;
}
#navcontainer li#active a
{
background: #666666;
border: 1px solid red;
color: #ffffff;
}
#stadium
{
position: absolute;
background-color:white;
border: solid 0px black;
left:450px;
top:250px;
Width:420px;
height:320px;
font: normal 15px/15px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
overflow:auto;
text-align:left;
color:black;
}
You are going to have to tweak it some more, but this will get you started. and now your menu bar stays constant. you will have to modufy the values, I would recommend building for 800 x 600. Atleast this will steer you in the right direction.
This post has been edited by Nykc: 3 Apr, 2008 - 07:22 AM