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 PROTECTED]
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/

Reply via email to