2 fixed size boxes side/side, centered? — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

2 fixed size boxes side/side, centered?

This page's ID: 11022

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	Emps: That wouldn't exactly work. The menu would be stacked on top of the content. There are two ways to do multicolumn layouts: absolute positioning or floating. Personally, I favor the float. Here's how I would do it. Try this HTML: [code] <div id="container"> <div id="header">Header</div> <div id="menu">Left Column (Menu)</div> <div id="content">Right Column (Content)</div> </div> [/code] ...with this CSS: [code] body { text-align: center; } #container { text-align: left; margin-left: auto; margin-right: auto; width: ([i]width of the whole layout[/i]); } #header { width: 100%; height: ([i]height of the header[/i]); } #menu { float: left; width: ([i]width of the menu[/i]); } #content { margin-left: ([i]width of the menu, same as above[/i]); } [/code] [EDIT: That's an interesting phenomenon. Sometimes the text within the [ code ] tags ends up in the regular proportional font (Verdana), but when I reload the page, they go back to monospace (Courier, I suppose). I hit the reload button several times in a row, and the font seems to change randomly. You wouldn't happen to know anything about this, would you Emps?] [img]http://omnizero.home.comcast.net/asylum/sigs/002.gif[/img] [This message has been edited by ozphactor (edited 08-14-2003).] [This message has been edited by ozphactor (edited 08-14-2003).] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu