Ricklord Posted August 29, 2006 Share Posted August 29, 2006 Ok so we fixed the pargraph issue and i have now changed my top images for my containers to be 10px high so the padding looks nice all the way around. In IE it keeps the line height to 20px but in firefox it works fine. one exaxmple below.[code] #content_top { width:580px; height:10px; background-image:url(images/content_top.gif); background-repeat:no-repeat;}[/code]i have tried max-height but this doesnt work either. In the container in the html there is nothing there so look slike this [code]<div id="content_top"></div>[/code]any fixes for this IE problem?cheersRick Link to comment https://forums.phpfreaks.com/topic/19010-ie-line-height-issue/ Share on other sites More sharing options...
ToonMariner Posted August 29, 2006 Share Posted August 29, 2006 addoverflow: auto;to the decalaration..If this is going to be used more than once you should change from an id to a class like so[code]<div class="content_top"></div>[/code]and the css[code].content_top { width:580px; height:10px; background-image:url(images/content_top.gif); background-repeat:no-repeat; overflow:auto;}[/code] Link to comment https://forums.phpfreaks.com/topic/19010-ie-line-height-issue/#findComment-82440 Share on other sites More sharing options...
dustinnoe Posted September 4, 2006 Share Posted September 4, 2006 Use the xhtml strict Doctype. This will force IE6 to render the box model properly. Why does IE have to be different?[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/code]Hope this helps! Link to comment https://forums.phpfreaks.com/topic/19010-ie-line-height-issue/#findComment-85636 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.