Stylesheets - IE adding extra spaces between DIV among other things

Author

IE adding extra spaces between DIV among other things

Alex

2007-03-22, 7:22 pm

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

2007-03-22, 7:22 pm

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

2007-03-22, 11:19 pm

Alex wrote:
>
> http://www.hotlug.org/css/1/
>
> IE is adding space between the Header and Search

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

--
Berg

Alex

2007-03-22, 11:19 pm

On Mar 22, 5:58 pm, "Richard Formby" <r...@invalid.com> wrote:
> Alex wrote:
>
> 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

2007-03-23, 7:15 am

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

2007-03-23, 7:15 am

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

2007-03-23, 7:18 pm

Richard Formby wrote:
> John Hosking wrote:
>
>
> 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