Cody,

Basically, absolute positioning and variable font sizes don't mix.  I would 
suggest that you try the layout without absolute positioning.  You can easily 
do this by removing the "position: absolute" and "top" attributes and changing 
"left" to "margin-left".  Then you can set a min-height (and height on IE) to 
the appropriate size that you choose.  Then everything will be in the normal 
document flow. (Oh, you might need to move your image on the left to a float or 
a background.)  And the thumbnails will only move down if the text gets larger 
than the min-height.

Regards,

Scott

----- Original Message ----
From: Cody Thornton <[EMAIL PROTECTED]>
To: css-d@lists.css-discuss.org
Sent: Friday, January 5, 2007 12:27:16 PM
Subject: [css-d] "Floating Absolute" Positioning

At this site http://www.matthew-cunningham.com/frontridge/project.html there is 
a row of thumbnail images that risk overtaking the text if the viewer has the 
font size set larger than normal (the text wraps under the thumbnails).

I want the absolute position of the row of thumbnails to hold among all of the 
projects EXCEPT in the rare case that the text is too large to fit in that 
space.  You can see what I mean by clicking on the project arrows to go from 
project to project.

Is there a way to give those thumbnails an "absolute" position except when it 
needs to be pushed down?

Thanks in advance!  I'm very new to CSS.

Cody
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/






__________________________________________________
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to