Re: [css-d] IE Rendering Problem
Jon Hughes wrote: On the left navigation for this page, the vertical spacing is the same on ALL of the pages, EXCEPT for the main page. They do use a different css file, but it has the same content. Anyone know why? This has been frustrating me for a long time now. Http://www.firemountaingems.com/ Jon, I'm not seeing this problem on IE 6 or 7. Did you fix it, or is it happening in another version of IE (please always specify versions of browsers)? Or perhaps I'm misunderstanding you -- are you referring to spacing between the list items, or the space above the list as a whole? Can you give us more details please? Thanks, Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE Rendering Problem
Hi guys, I tried emailing this before, so if you already replied I apologize in advance. I tried searching the archives and couldn't find my email. I don't even know where to start. I have this working beautifully under Firefox 1.5. However, the wonderful IE plagues me and I don't know where to start to fix it. I would like to keep the code as simple as possible and not use javascript to make a special version for IE if possible. http://www.smwstudios.com/Martin/index2.htm Thanks, Martin __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Rendering Problem
Martin Davis wrote: Hi guys, I tried emailing this before, so if you already replied I apologize in advance. I tried searching the archives and couldn't find my email. I don't even know where to start. I have this working beautifully under Firefox 1.5. However, the wonderful IE plagues me and I don't know where to start to fix it. I would like to keep the code as simple as possible and not use javascript to make a special version for IE if possible. http://www.smwstudios.com/Martin/index2.htm Not valid XHTML according to W3C: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.smwstudios.com%2FMartin%2Findex2.htm W3C CSS validator reports an error in your XML: http://jigsaw.w3.org/css-validator/validator?profile=css2warning=2uri=http%3A%2F%2Fwww.smwstudios.com%2FMartin%2Findex2.htm So what's the problem in IE, anyway? -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Rendering Problem
Martin Davis wrote: Thanks for pointing that out. I didn't even think to look at that. I validate as I go. Only way I can keep on top of things. Then, after I put it up where people can see it, I validate again, just in case! I'm just a learner here, myself, so I'm CCing this back to the CSS-D list where the experts can fix things! wow. The problems are: -The footer expands and fills in space I don't want it to. IE has a bug/feature that autoexpands containers to make room for whatever it thinks is inside them. So I guess the fix is to figure out what IE is making large enough to require expanding the container. -The borders are giving too much space in between the content and themselves Sounds like the IE non-standard box model. In quirks mode, it doesn't calculate container dimensions properly, generally producing containers that are bigger than they're supposed to be, I think. -I was hoping to get the red box to float over the brown box, however IE is cutting it off. I can't even guess about that one! Thanks for the fast reply. I fixed the validation errors. Martin Here's Martin's site for the experts to delve into: http://www.smwstudios.com/Martin/index2.htm -- David [EMAIL PROTECTED] authenticity, honesty, community __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Rendering Problem
Martin Davis wrote:
I have this working beautifully under Firefox 1.5. However, the
wonderful IE plagues me and I don't know where to start to fix it.
http://www.smwstudios.com/Martin/index2.htm
Try adding...
#mainbody {zoom: 1;}
#newsblock {zoom: 1; position: relative; }
...which will trigger 'hasLayout'[1] and change the stacking so IE6
expands those elements properly and get them in the right order.
Then, add a comment inside the empty divs you have...
div class=redtop!-- --/div
div class=redbottom!-- --/div
div class=greybottom!-- --/div
...to prevent IE6 from throwing in its 'whitespace' bug - adding
line-height to an empty element.
That should get you started.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
