CSS Box Model help — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

CSS Box Model help

This page's ID: 11160

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	I've had lots of alignment issues with using that method as it's not pixel perfect (at least not in IE6). Here's what I do: Create a containing <div> to hold both the columns. Foat one of them however you fancy, left/right dun really matter much, the choice here is usualy made based on how the page renders without CSS as one column will render above or below the other. But don't float both of them, that can lead to issues. Inside that containing <div>, create a footer element (be it a <div> or some other block level element) , you can leave this blank but 9 times out of 10 you'll have something you'll want to put in here anyways. I use the term "footer" loosly here, as any block level element appearing under the columns but insider the containing <div> will do. This forces the backgorund of the containing <div> to stretch past both columns to the bottom of the footer (you don't need this in IE, but in Mozilla and Opera the backgorund of the containing div will be cut way short withough it), so you can easily set a background image or color here (on the containing div), instead of setting it on the body, which is what can cause alignment issues if you need pixel perfect control. I also think this is also a slightly more semantic way of doing things, unless you aren't putting any information in that 'footer' element. Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu