homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Creating dynamic vertical space
Creative solution needed

WebmasterWorld Senior Member 10+ Year Member

Msg#: 9238 posted 7:49 pm on Jun 11, 2006 (gmt 0)

I'm using a source-ordered design along with absolute positioning. This allows me to put my content right after the opening body tag so it loads first and the search engines "weight" it properly, and then absolutely-position it in the middle of the page in accordance with the design. Visually, the content is surrounded by a left column, a right column, and a header.

The problem is that the header includes some text and when the user changes the size of their text, the header section's height expands to overlap the absolutely-positioned content that relies on a static header height. Does that make sense?

What can I do to specify the absolutely-positioned content's top position dynamically to take into account the current size of the text in the header? I've seen some CSS attributes that can be defined in terms of current font size so I'm holding out some hope that this is possible.

Please let me know if I'm not explaining this well enough.

- Grant



5+ Year Member

Msg#: 9238 posted 9:05 pm on Jun 11, 2006 (gmt 0)


You could try setting the absolute position in em?


Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved