IE adding extra spaces between DIV among other things

[Alex]

Hi Everyone,

I'm not completely new to CSS, but I've never written an entire site
in CSS, which is what I'm doing now. I wrote our website many years
ago using tables to format the page, but now I hope to recode it using
CSS to make it easier to update.

Anyway, I'm starting to get my own tales of whoa with CSS and IE, and
I need the assistance of the group to see if anyone has options on how
to resolve this. The site is actually written with tons of
ColdFusion, but I've stripped it down to the guts (HTML and CSS) and
placed it on a server as the CF version is behind our firewall.
Results are the same.

http://www.hotlug.org/css/1/

In Firefox and Opera this looks great, plus all the code (HTML and
CSS) validates okay. IE is adding space between the Header and Search
DIV's, plus I'm forcing 740px within the Search DIV and all the
embedded DIVs equal 740px.. but in IE the last DIV wraps. If I move
the Width of DIV#Search to like 765 instead of 740 it doesn't wrap,
but then it's too long.

This is my first time to code using DIV, so I've added lots of stuff
for testing. I've tried to force 0px on the borders and margins, but
nothing has worked. So how the heck can I get this page to render
properly on IE? I've tried IE6 and 7 with the same results.

Thanks for any assistance. If I can find the trick for IE, I should
be able to carry it over to this and other applications.

Take care --

Alex

[Richard Formby]

Alex wrote:

http://www.hotlug.org/css/1/

You are running the browser (IE) in qurks mode, where it reproduces the
broken box model from prior versions. Google for "quirks mode".

And font-size: 11px?

--
Richard.

[Bergamot]

Alex wrote:

>
http://www.hotlug.org/css/1/

IE is adding space between the Header and Search

http://hsivonen.iki.fi/doctype/

--
Berg

[Alex]

On Mar 22, 5:58 pm, "Richard Formby" <[e-mail]:

Alex wrote:

http://www.hotlug.org/css/1/

You are running the browser (IE) in qurks mode, where it reproduces the
broken box model from prior versions. Google for "quirks mode".

And font-size: 11px?

--
Richard.

Quirks Mode... is this something set in my browser or is it being
triggered by my code? If it's something in the browser, then I'd
assume this is enabled by default because my installs of IE (IE6 and
IE7 on two different systems) are both doing this.

Also it's crazy how Microsoft calls it's incompatibilities with CSS
'Improvements' - http://tinyurl.com/b245h

Thanks for the info though, and I'm reading up on Quirks Mode now.

Alex

[John Hosking]

Alex wrote:

>
Quirks Mode... is this something set in my browser or is it being
triggered by my code?

Bergamot already gave you the link I would provided:
http://hsivonen.iki.fi/doctype/

>
Also it's crazy how Microsoft calls it's incompatibilities with CSS
'Improvements' - http://tinyurl.com/b245h

Actually, it's calling its *movement away* from CSS incompatibilities
"improvements."

<q>Internet Explorer 7 contains a number of improvements to cascading
style sheet (CSS) parsing and rendering over IE6. These improvements are
aimed at improving the consistency of how Internet Explorer interprets
cascading style sheets as recommended by the W3C in order that
developers have a reliable set of functionality on which to rely.</q>

Necessary and overdue. - J.

--
John

[Richard Formby]

John Hosking wrote:

<q>Internet Explorer 7 contains a number of improvements to cascading
style sheet (CSS) parsing and rendering over IE6. These improvements are
aimed at improving the consistency of how Internet Explorer interprets
cascading style sheets as recommended by the W3C in order that developers
have a reliable set of functionality on which to rely.</q>

Necessary and overdue. - J.

and incomplete.

--
Richard.

[Bergamot]

Richard Formby wrote:

John Hosking wrote:

><q>Internet Explorer 7 contains a number of improvements to cascading
style sheet (CSS) parsing and rendering over IE6.

Necessary and overdue. - J.

and incomplete.

Yeah, but it's a darned good start. I'm grateful for the bug fixes, plus
proper min/max-width/height support.

--
Berg