IE White-space rendering sucks... | The Coffeehouse

Sven Groot
My name has 9 letters. Coincidence? I think not...

jsampsonPC wrote:

BruceMorgan wrote: Are you using quirks mode or strict mode?

Are you refering to CSS? This isn't a CSS issue from what I understand - but I could be wrong.

Quirks mode vs. strict mode mainly affects CSS but also a few other things so it's definitely important to know. In case you didn't know, which mode is used depends on the DOCTYPE present in the HTML file. A HTML4.01 DOCTYPE (with both the public and system identifiers present) or higher (or an unknown DOCTYPE) will cause it to use strict mode. No DOCTYPE or an older one will cause it to use quirks mode.

An easy way to find out is to put the following script in your page:
<script type="text/javascript">
alert(document.compatMode);
</script>

This'll prompt either "BackCompat" (quirks mode) or "CSS1Compat" (strict mode).

jsampsonPC
SampsonBlog.com SampsonVideos.com

The page is in strict mode according to the Doctype.

ScottWFB

In reply to jsampsonPC

#Jul 10th, 2006 @ 9:27 AM

Hi, I have been searching all over for a discussion/resolution on this. I realize this is an older post, but have you found a way to solve this rendering without having to put all of your images on the same line of code in the editor? Thanks

stevo_
Human after all

In reply to ScottWFB

#Aug 10th, 2008 @ 7:21 AM

display: block usually works.. but if not, use floating.. its not just an IE thing either..

jsampsonPC
SampsonBlog.com SampsonVideos.com

In reply to stevo_

#Aug 10th, 2008 @ 12:09 PM

I don't recall ever experiencing this issue with anything but IE.

@ ScottWFB, no, I've found no solution. I haven't really noticed it lately though in IE7 - but that doesn't mean it won't creep up on me sometime in the future.

stevo_
Human after all

In reply to jsampsonPC

#Aug 10th, 2008 @ 2:02 PM

Firefox and IE do this with lists.. ie puts spaces in everything.. but firefox tends to put spaces above the list items.. you tend to only notice it when using lists to do horizontal menus.. floating always fixes the problem anyway.

turrican
Condemnation without investigation is the height of ignorance! - Albert Einstein

Yepp..

But hm... unless you need to use IE6, perhaps it is time to ditch the TABLE. The road was very hard for me, but I am very happy that I did ditch the TABLE now, no more mess! =)

jsampsonPC
SampsonBlog.com SampsonVideos.com

In reply to turrican

#Aug 10th, 2008 @ 6:40 PM

Turrican,

I don't do table-based layouts if that is what you're suggesting. I'm strictly div-based with a strict doctype exclusive. The table in this thread (now 2 years ago) was for representing tabular data.

Jonathan

wisemx
Live it

Flashback: 9 years ago when the battle was between IE and Netscape 4 we, Classic ASP developers using early stages of XML, had to make sure all closing "td" tags where at the end of each line or there would be carriage returns in Netscape.
This caused table layouts, like rounded corners, to fail in Netscape.

Rowan
Look, no errors.

In reply to stevo_

#Aug 10th, 2008 @ 12:09 PM

There's another method that works well for images - img { vertical-align: top; }