DIV heights in CSS — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

DIV heights in CSS

This page's ID: 10976

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 was playing with the code and I found a way to do it, with some hacks, and not working in Opera (but working fine in IE, and almost fine in Mozilla/Netscape) See if it works for you: [code] <html> <head> <title>Test</title> </head> <body style="background-color:blue;"> <div style="float:left; background-color:red"> <div style="float:left; padding-top:0.01em; background-color:yellow"> <p>This is the first left-floated element block.</p> <p>This is the first left-floated element block.</p> <p>This is the first left-floated element block.</p> <p>This is the first left-floated element block.</p> </div> <div style="float:left; padding:0.01em 0em; background-color:green"> <p>This is the second left-floated element block.</p> <p>This is the second left-floated element block.</p> <p>This is the second left-floated element block.</p> <p>This is the second left-floated element block.</p> <p>This is the second left-floated element block.</p> <p>This is the second left-floated element block.</p> <p>This is the second left-floated element block.</p> <p>This is the second left-floated element block.</p> </div> </div> </body> </html> [/code] It's a pity it doesn't work at all in Opera. ADDED: if you don't mind having the two columns with fixed width, it will work in Opera also. Just set the width of the two columns and set the sum of both to the parent div. Anyway, why all this trouble if one can use a table? [This message has been edited by viol (edited 05-25-2003).] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu