3 replies [Last post]
mattcheney
Offline
newbie
Last seen: 16 years 6 days ago
Joined: 2006-06-09
Posts: 9
Points: 0

Hi.
I have hit a wall while developing a website. I have spent all afternoon trying to fix a mysterious gap in IE. The gap is appearing under my menu and I have no idea how to fix it. The webpage is perfect in Firefox, so it is just Internet Explorer that is the problem. I have tried various hacks/tricks but to no avail.

I have commented my code to make it as easy as possible to help. Any help will be greatly appreciated.

***The forums arent reading my code properly here re the links to it***
CSS:
http://www.members.optusnet.com.au/jonptr1/css/master.css
XHTML
http://www.members.optusnet.com.au/jonptr1/code.txt
Sorry for the inconvienence.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 22 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Another IE bug

Not tested.

IE preserves enough height for the line-height of its default font. It looks like this may be your problem. in #seperator and #seperatorunderlay , you've set height to 1px. Well, IE won't let you do that since it expands containers with hasLayout to enclose their content; in this case the implicit line-height. Do this;

#seperator {
    font-size: 0;
	position: relative;
	height: 1px;
	width: 720px;
	background: #DDDDDD;
	margin-left: 20px;
    }

#seperatorunderlay {
    font-size: 0;	
	position: relative;
	width: 760px;
	height: 1px;
	z-index: 1;
	background: url("http://www.members.optusnet.com.au/jonpeter1/images/sides.png");
	background-repeat: repeat-y;
    }

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

DanA
DanA's picture
Offline
Elder
Last seen: 12 years 13 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Add font-size:0; to

Add font-size:0; to #seperator

mattcheney
Offline
newbie
Last seen: 16 years 6 days ago
Joined: 2006-06-09
Posts: 9
Points: 0

Thank you for all the help,

Thank you for all the help, problem is now solved.