Float left for column look — OZONE Asylum, home of the Mad Scientists

CSS - DOM - XHTML - XML - XSL - XSLT

Float left for column look

This page's ID: 27496

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	The title sucks but I just couldn't describe what I want in that little bit of space. I trying to do a typical 2 - 3 column layout (depending on the width of the browser) where I have a containing div with multiple child divs within it. Each of the inner divs is set float:left so that they will continue in a row until the space is full and then wrap to start another row. There's a visual of what I want [url=http://butcher.dreamhosters.com/div_test3.html]here[/url]. So far it's simple beans, but I run into trouble when the divs are of different heights. If for example Div 2 is longer than Div 3, Div 4 gets stuck and won't wrap back to the left edge of the containing div. Something like [url=http://butcher.dreamhosters.com/div_test2.html]this[/url] is what happens. Now amazingly enough my boss was in a hurry to get this done, :rolleyes: so what I did was make 1 outer containing div and 3 main inner divs that I filled with the list divs so it looks like what I want, but doesn't act the way I want if the browser is narrowed or the resolution is lower. It looks like [url=http://butcher.dreamhosters.com/div_test.html]this[/url]. The problem with this solution as I said before is when you narrow the browser, the whole third column drops down below the second column and makes the page look badly unbalanced. Anyway, if anybody's still with me after that ramble... can anybody suggest a way to get the look I want while keeping the divs individual so they will wrap nicely in smaller browsers. Thanks very much - Butcher - Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu