Making page adapt to monitor resolution — OZONE Asylum, home of the Mad Scientists

This page's ID: 32425

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	You already give the answer in your post. Use percentages for size. Tables are evil. So unless you need to show tabular data do not use them. Use HTML and CSS instead. Your html code would be something like this. [code] [Doctype declaration] <html> <head> <title> 2 column page </title> <link rel="stylesheet" type="text/css" href="theme.css" /> </head> <body> <div id="container"> <div id="column1"> <!-- Content of column1 goes here --> Column1 </div> <div id="column2"> <!-- Content of column2 goes here --> Column2 </div> </div> <!-- End of Container div --> </body> </html> [/code] Create a css file (theme.css) an put something like this in it. [code]/* theme.css / html, body, #container { margin:0; padding:0; / reset padding and margin to Zero to avoid problems / width: 100%; } #column1 { width: 19%; background-color: white; float: left} #column2 { width: 79% ; background-color:black; float:left } /end of file */ [/code] As you can see both columns are missing 1% in size, this way there will always be a small gutter even when you don't declare it. [small](Edited by [url=http://www.ozoneasylum.com/user/7649]Tommmie[/url] on 11-01-2011 21:27)[/small] Loading...
Options:	Enable Slimies Enable Linkwords

Edit Post