michaellunsford Posted November 30, 2006 Share Posted November 30, 2006 okay, this might be CSS, it might be HTML. If I make the table border="1" instead of "0" the middle row will automatically take up whatever percentage of the page is left over after subtracting the header and footer rows. If I don't, it's only as high as the content it contains -- which, in this case, is just "some text".Having a border isn't exactly the best option -- that being said, I'm guessing this is a firefox bug. Any ideas?[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >...<table border="0" style="height:100%; width:100%"><tr><td style="height:125px; width:100% background:url(image/header.jpg) repeat-x top; text-align:center;"><img src="images/logo.jpg" width="250" height="50"></td></tr><tr><td style="width:100%">some text</td></tr><!-- supposed to auto-stretch to height available --><tr><td style="width:100%; height:25px; background:url(image/footer.jpg) repeat-x;"></td></tr></table>...[/code] Link to comment https://forums.phpfreaks.com/topic/28943-hacking-a-firefox-css-bug/ Share on other sites More sharing options...
Zane Posted November 30, 2006 Share Posted November 30, 2006 try putting the border attribute as a style too...I don't know why you left it orphaned<table style="height:100%; width:100%; border:2px;">as for your question though...I don't know Link to comment https://forums.phpfreaks.com/topic/28943-hacking-a-firefox-css-bug/#findComment-132550 Share on other sites More sharing options...
michaellunsford Posted November 30, 2006 Author Share Posted November 30, 2006 border style on the table only doesn't affect the problem. If I use the style sheet to assign a border to table AND td, [code=php:0]table, td {border:1px solid #000;}[/code]it properly sizes the middle column. BUT, changing it to 0px will shrink that middle cell back down to match the contents. So, whether I use the html method "border=0" or the CSS method -- the results are the same.[b]EDIT:[/b] Got it! thanks for the tip. I added a border:1px solid #FFF; (same color as the background) to the one cell that's supposed to stretch and presto -- we have liftoff.The real problem persists, though. If I built this on a gradient background, I'd be dead. Any other workarounds still welcome. Link to comment https://forums.phpfreaks.com/topic/28943-hacking-a-firefox-css-bug/#findComment-132556 Share on other sites More sharing options...
Zane Posted November 30, 2006 Share Posted November 30, 2006 try setting padding:1pxfor your TDsthat's probably your problem Link to comment https://forums.phpfreaks.com/topic/28943-hacking-a-firefox-css-bug/#findComment-132764 Share on other sites More sharing options...
michaellunsford Posted November 30, 2006 Author Share Posted November 30, 2006 great -- padding does the same thing border does -- awesome. Thanks. Link to comment https://forums.phpfreaks.com/topic/28943-hacking-a-firefox-css-bug/#findComment-132815 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.