change #topbar {    background-color: black;     border-color: white;     border-style: solid;     border-width: 1px 1px 1px 0;     height: 40px;     margin-top: 30px;     width: 100%; } on #topbar {     background-color: black;     border-color: white;     border-style: solid;     border-width: 1px 0;     height: 40px;     margin-top: 30px;     width: 100%; } and #menu1 {     margin-left: 350px;     margin-top: 7px;     overflow: hidden;     width: 100%; } on #menu1 {     margin-left: 350px;     margin-top: 7px;     overflow: hidden;  }
WOW, thank you very much. That's works until I resize the window from maximum, the menu doesnt work properly then. Now for the Javascript - any chance you could help me with that please?
Is there a way of putting a minimum width or something so the menu will work even if the window is re-sized?
menu change .content { Â Â Â Â left:Â 0;Â Â Â Â Â Â position:Â absolute; Â Â Â Â top:Â 0; Â Â Â Â width:Â 100%; Â Â Â Â z-index:Â 5; } on .content { Â Â Â width:expression(document.body.clientWidth < 900? "900px": "auto" ); Â Â left:Â 0; Â Â Â Â min-width:Â 900px; Â Â position:Â absolute; Â Â Â Â top:Â 0; Â Â Â Â width:Â 100%; Â Â Â Â z-index:Â 5; }
js in file index.php delete of body (background="http://www.standoutmodels.com/2.jpg") lower body put <style type="text/css"> <!-- .fon_img {     left: 0;     position: fixed;     top: 0;     width: 100%;     z-index: 1; } .content { width:expression(document.body.clientWidth < 900? "900px": "auto" ); left: 0; min-width: 900px; position: absolute; top: 0; width: 100%;  z-index: 5; } --> </style> <img id="fon_img" class="fon_img" src="you_img" /> <div class="content"> <!--ALL content web site --> <div id="topbar"> ........ ....... ...... </div> </div> in file index.php search line document.body.background=processed[inc].src and change var img = document.getElementById("fon_img"); img.src = processed[inc];Â