Does anyone else have any ideas on this? I'm at a loss. Sorry for
double-posting this. I assume it has something to do with setting the
height to 100%, but I can't seem to figure out how to do this w/o
messing the layout. I'd like to use percents so it works with photos
of any dimensions.
Thanks for any help. Have a nice long weekend if you're somewhere
where it is a long weekend.
On Jun 27, 2005, at 6:28 PM, Charles Stuart wrote:
> I need to set an absolutely positioned <a> to the same height as
> the parent div. Or... find a different way to do this. I have
> accomplished this in Safari and FF. IE is not working.
> *my attempts so far*
> So far my attempts have relied on setting the specific <a> to
> height: 100%; and then based on this article: http://
> www.quirksmode.org/css/100percheight.html, I've tried setting body
> and html to 100% height to find the effects. If I set the body, the
> html and the <div> surrounding the photo to 100%, than IE 6 does a
> real shoddy job setting the <a> to 100% and hence solving my issue
> (it seems to be undecided if it really is extending the size of the
> <a> to the 'correct' area). However, then the <div> wrapping the
> photo stretches in height and it looks like crap.
> *what i want to accomplish*
> That's it... Click the left side of the image to go back, click the
> right to go forward. The <a>'s hover area should extend the entire
> half of the image.
> I'm pretty sure I can do all of this with some PHP in the CSS file,
> but I'd rather learn the CSS.
> *the HTML*
> *the CSS*
> Thanks for any help. I'll be publishing the photo gallery (PHP/CSS/
> XHTML) once I finish this... Email me off list if you're interested.
> css-discuss [EMAIL-REMOVED]]
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/