A friend of mine asked me to add an image to his web site. The problem I am having is getting it placed where his bosses want it. They want it at the bottom of a left hand column also used for navigation. You can see an example at http://www.dezynworks.com/css_test/safari_mess.htm It works in Firefox and IE 6 & 7, but not in Safari.
This web site is nested table hell. Here is the relevant mark-up: <td valign="top" style="width:212px;height100%"> <div style="margin-left: 8px;margin-top:8px;margin-right:4px;height:100%;position:relative"> <div id="web_special_button"> <a target="_blank" href="http://www.centerforfacialappearances.com/pdf/web_special.pdf";> <img src="web_special.jpg"> </a> </div> </div> </td> I added the "height:100%;position:relative" to the outer div tag style definition. #web_special button is defined as "position:absolute;bottom:16px". Safari doesn't extend the outer div to fill the table cell that contains it and so the image ends up on top of the navigation. From what I've read the height as a tag attribute is deprecated and is heavily dependent on the doctype definition, which doesn't exist on this site. I tried going through all the table tags that used height=100% and changing them to style="height:100%", but that didn't help. I'm leery of putting a doc type definition on the web site, because I don't know what it might break. Not to mention my bid is for adding an image to a web site, not making it standards compliant. Does anyone have some suggestions on how I can get this to work in Safari? For all I know, the client won't care, but it would be nice to know. Thanks. -Sean ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
