GottaGetDownOnfriday Posted October 5, 2010 Share Posted October 5, 2010 So I am working on a basic website for general purposes. Hereis the link to the website. How would I position things or set it up to where my website looks the same on all browsers? I've tried relative and absolute positioning but things always get messed up. [hide=reference picture][/hide]What I want to do is divide my site into three areas: navigation bar(reference pic red area), advertisement bar(reference pic blue area), and main content area(reference pic green area). 65,280 to 99 fletching on 3-14-0940,405 to 99 woodcutting on 10-17-2009 Link to comment Share on other sites More sharing options...
Clooth Posted October 17, 2010 Share Posted October 17, 2010 Something like this? http://labs.sig.ly/rand/layout.tipit.html HTML: <div id="wrapper"> <div id="header">navigation bar</div> <div id="content"> Content </div> <div id="advertisement"> advertisement </div> </div>CSS: html, body { margin: 0; padding: 0; } body { text-align: center; } #wrapper { background-color: yellow; margin: 10px auto; position: relative; text-align: left; width: 760px; } #header { background-color: red; height: 100px; width: 760px; } #content { background-color: blue; width: 760px; } #advertisement { background-color: green; height: 480px; width: 200px; position: absolute; top: 100px; right: -200px; } Best regards,Nico Link to comment Share on other sites More sharing options...
Guest jrhairychest Posted October 26, 2010 Share Posted October 26, 2010 Sorry haven't time to look at it in great detail but you tried using tables and altering the width% rather than using CSS for the positioning? Link to comment Share on other sites More sharing options...
GottaGetDownOnfriday Posted October 26, 2010 Author Share Posted October 26, 2010 Sorry haven't time to look at it in great detail but you tried using tables and altering the width% rather than using CSS for the positioning? I changed Clooth's suggestion to fit my needs and it works great. Thanks anyways. 65,280 to 99 fletching on 3-14-0940,405 to 99 woodcutting on 10-17-2009 Link to comment Share on other sites More sharing options...
Guest jrhairychest Posted October 27, 2010 Share Posted October 27, 2010 I changed Clooth's suggestion to fit my needs and it works great. Thanks anyways. No worries. Just be careful of using absolute positioning and fixed pixel widths/heights on your website as there's quite a degree of variation of user screen resolutions which brings quite a few problems. Thats why I use width% in tables to be sure it adjusts according to the resolution. Sorry I could be preaching to the converted here. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now