Re: [css-d] an absolutely positioned a to 100% of parent
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 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/ __ 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/
Re: [css-d] an absolutely positioned a to 100% of parent
Actually, I was just discussing this on this list. top: 0; bottom: 0 works for Firefox and Opera (and I assume Safari/Konqueror too), but you'll have to use an expression to make IE do it right. -- http://www.mozilla.org/products/firefox/ - Get Firefox! http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox! __ 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/
Re: [css-d] an absolutely positioned a to 100% of parent
On Jun 27, 2005, at 9:35 PM, Richard Grevers wrote: On 6/28/05, Charles Stuart [EMAIL PROTECTED] 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. Try setting display:block on the a, height is not supposed to work for inline elements -- Very good point, although it did not fix IE. Thanks for the help. 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/
[css-d] an absolutely positioned a to 100% of parent
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/
Re: [css-d] an absolutely positioned a to 100% of parent
On 6/28/05, Charles Stuart [EMAIL PROTECTED] 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. Try setting display:block on the a, height is not supposed to work for inline elements -- Richard Grevers New Plymouth, New Zealand Orphan Gmail invites free to good homes. __ 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/
