sanfly Posted January 18, 2007 Share Posted January 18, 2007 HiIm trying to be all good and make my new website standards compliant.When I put the doctype in[quote]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">[/quote]It screwed up my page height (was displaying as 100%, as defined in the style tag for the table that envelops everything).I did a bit of research and found that I also needed to set html, body { height: 100%; }Did that, and it looks great in firefox, but in IE the table rows are no longer the correct height, despite having their height defined in the css. I also tried adding the height attributes to the <td> element (inline style tags) but didnt work.Anyone have an Idea of what I can do to sort this out? Link to comment https://forums.phpfreaks.com/topic/34784-problems-with-page-height-ie/ Share on other sites More sharing options...
sanfly Posted January 18, 2007 Author Share Posted January 18, 2007 See this basic example below, in FF the HEAD cell is 100px tall, but in IE its way huge (more than half the page)[code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Testing</title> <style> html{ height: 100%; } body{ height: 100%; font-size: 11px; font-family: verdana; } .mainTable{ height: 100%; width: 880px; } .headNav{ height: 100px; } </style></head><body><table class="mainTable" border="1"> <tr> <td class="headNav"> Head </td> </tr> <tr> <td> main </td> </tr> <tr> <td> foot </td> </tr></table></body></html>[/code] Link to comment https://forums.phpfreaks.com/topic/34784-problems-with-page-height-ie/#findComment-163968 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.