Sent by Charles Stuart on 2 July 2005 00:12
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.
best,
Charles
On Jun 27, 2005, at 6:28 PM, Charles Stuart wrote:
> Hi,
>
> 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*
> http://www.dbowman.com/photos/london05/gallery/img_1012jpg.php
> 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*
> http://enure.net/photos/drive-east-seattle-to-chicago/
>
> *the CSS*
> http://enure.net/photos/enure-photos.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.
>
>
>
> best,
>
> Charles
>
>
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
