(I hope..) a simple cSS question - 'table' layout — OZONE Asylum, home of the Mad Scientists

This page's ID: 11077

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	Damn nay-sayers. Yes, it can be done with CSS--and rather easily. Here's how: Step one, make a box to contain everything (in your case, you want it to be 740px for some reason). The area is set with a background color of #000 because you'll want the left side to reach the bottom, and appear black. The right side will be defined as #fff.[code]#big_box { width : 740px; background : #000; }[/code] Next, make the box for the left-hand stuff, which you want to be 153px.[code]#left_side { width : 153px; float : left; }[/code] Finally, make the content area on the right, which you have defined as a shady 500px. I would suggest using the rest of that 740px, putting it at 587px, which I will use for the purposes of this example. Note the background color.[code]#right_side { width : 587px; float : right; background : #fff;}[/code] Now, link them together, nesting the left and right side divs into the big box div.[code]<div id="big_box"><div id="left_side">---left side content--</div><div id="right_side">--right side content--</div></div>[/code] Notice the lack of line breaks between divs. That is important, or you'll get a bit of white space in some browsers. -S [This message has been edited by twItch^ (edited 10-17-2003).] Loading...
Options:	Enable Slimies Enable Linkwords

Edit Post