I have a few more questions on css positioning. How to center the content; What about the positioning of the inside tags? If you want to position at a specific place. <body style="width: 100%; background-color: #808000;" onLoad="parseXML(); bodyOnload();"> <div id="master" style="float: left; display: block; text-align: left; width: 955px;"> <div id="navbar" style="position: absolute; left: 10px; top: 10px; margin: 0 0 10px 0; border: none; background-color: #FFCC00; width: 200px; height: 180px;"></div> <div id="picbar" style="position: absolute; left: 10px; top: 200px; margin: 0 0 10px 0; border: none; background-color: #FFCC00; width: 200px; height: 390px; overflow-y: scroll;"></div> <div id="maindiv" style="position: absolute; left: 230px; top: 10px; border: none; background-color: #FFFFAE; width: 700px; height: 580px;"> <div id="galbar" style="position: absolute; left: 150px; top: 0px; z-index: 3;"></div> </div> </div> </body> Code (markup):
Ok. I'm still working on it but here's what I came up with so far: http://205.205.200.231/~h806209/index1.php Flash...I'm thinking of making it hybrid, adding a bit of each. To start off with I need to find a good design which includes the colors and positioning. So what do you think?