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 Quote Link to comment 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] Quote Link to comment 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! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.