nagging IE issues

**Technosailor** · Oct 3, 2003 05:03

Hey guys, Reference site is www.cornerstonejc.com

In Mozilla, almost eveything is perfect. However IE is giving me some grief. In IE, there's a gap below the image in the leftbar. There's also gaps below each of the cells of the dropdown menu. IT seems to me to be a CSS issue but I can't narrow it down.

Also, in both IE and Moz, there is a gap at the bottom of the left column.

And any way to resolve min-height issues in IE. Some pages need a min-height as the content doesn't clear the bottom of the picture in the left sidebar....?

Aaron

**awestmoreland** · Oct 3, 2003 05:30

I think it's simply the way that IE interprets whitespace. If you put this whole div on one line as follows, then you don't see the gap:

Code:

<div id="navBar"><img src="images/welcome.jpg" alt="" title=""/></div>

I don't see the gaps between the dropdown menu options that you mention (screenshot).

Andy

**Technosailor** · Oct 3, 2003 05:36

Ok, thanks. as soon as I can get to an editor, I'll try that. What about the sidebar image and the whitespace on the bottom of the sidebar? Any idea about that?

**awestmoreland** · Oct 3, 2003 06:10

I tidied up your HTML by indenting all the nested <div>s / <p>s etc. and discovered you're a </div> short.

Note the new closing </div> after the  comment.

As far as the min-height thing goes, no idea I'm afraid.
It's supposed to be supported in IE according to the CSS2 pages, but I can't get it to work. I did however see something on the Microsoft site which suggested that it might only work with table cells.

Andy

**Technosailor** · Oct 3, 2003 06:19

Great! I appreciate it...

**awestmoreland** · Oct 3, 2003 06:42

No problem. To tell you the truth, I was wondering how you'd take being told that you were one div short of a web page

Andy

**Technosailor** · Oct 3, 2003 06:44

It can't be any worse than being told I'm donut short of a dozen.

**Technosailor** · Oct 4, 2003 20:48

ok finally got back to this. Fixed everything except can't figure out how you got rid of the gap at the bottom of each of the drop down menus?

**hurricane.uk** · Oct 4, 2003 21:17

IE interprets height as minimum height.

**Technosailor** · Oct 4, 2003 21:19

it does??

**hurricane.uk** · Oct 4, 2003 21:22

Weirdly, yes. If you set a div to 100px high IE will render it at that, unless the content stretches it.

**Technosailor** · Oct 4, 2003 21:24

what's the method of including IE only content again?

**hurricane.uk** · Oct 4, 2003 21:31

Originally Posted by Sketch

what's the method of including IE only content again?

What kind of content?

**Technosailor** · Oct 4, 2003 21:34

like there's a way to include IE only CSS in the stylesheet right. I can't recall how to do it but I though there was a way. Maybe it was the other way around....standards-compliant markup....

**hurricane.uk** · Oct 4, 2003 21:37

You can use child selectors to exclude styles from IE

html>body #example {margin:0;}

wouldn't be rendered in IE.

**Jeff Lange** · Oct 4, 2003 21:45

Not rendered in IE:

Code:

html>body #example

ONLY rendered in IE:

Code:

* html #example

**Technosailor** · Oct 4, 2003 21:53

Wow... great hack!

Anybody know why I have that gap at the bottom of the dropdown menus in IE? lol.... not to nag or anything

**hurricane.uk** · Oct 4, 2003 22:31

Originally Posted by Sketch

Wow... great hack!

Yep, and one I didn't know until now

Anybody know why I have that gap at the bottom of the dropdown menus in IE? lol.... not to nag or anything

It looks like you're going to have to edit the script that loads the submenu (includes/HM_Arrays.js) to remove whitespace if you can, but I have no idea how