OZONE Asylum
Forums
XML - XSL - XSLT - XHTML - CSS - DOM
Complicated floating problem - bottom right??
This page's ID:
25324
Search
QuickChanges
Forums
FAQ
Archives
Register
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
Heya, can anyone explain how to perhaps use floats to produce the following layout? I think i chose a really hard design because i haven't been able to find any examples of how to do it in CSS. HTML tables would be easy, but apparently tables are a hacky way of doing things in comparison to CSS... The closest thing i could find to a solution was an asylum post made by Allura and responded to by MajorFracas etc (http://www.ozoneasylum.com/11041), but the images are no longer available so its hard to understand what they're talking about. * I want two columns, both fixed width, centered on the page (even space either side). * The left column contains a fairly large image, aligned to the right side of the column. * The right column contains (left aligned) text at the top of the column, and then contains images aligned at the bottom right hand corner of this column. Like this.... [code] . ____________ | | Text here left |<- window edge | | aligned... | | | ... | | | | | | | | | _ _ _ | |____________| |_||_||_| | . [/code] I.e. the top of the big image lines up with the top of the text, the bottom of the big image lines up with the bottom of the small images, and the right edge of the text lines up with the right side of the last small image. Note that the text will never be too long to go past the height of the big image. Thanks! Estelle. [small](Edited by [internallink=25323]estelle[/internallink] on 03-24-2005 10:33)[/small] [small](Edited by [internallink=25323]estelle[/internallink] on 03-24-2005 10:34)[/small] [small](Edited by [internallink=25323]estelle[/internallink] on 03-24-2005 10:35)[/small] [small](Edited by [internallink=25323]estelle[/internallink] on 03-24-2005 10:35)[/small]
Loading...
Options:
Enable Slimies
Enable Linkwords
« Backwards
—
Onwards »