3 replies [Last post]
paCkeTroUTer
paCkeTroUTer's picture
Offline
Enthusiast
Melbourne, Australia
Last seen: 6 years 30 weeks ago
Melbourne, Australia
Timezone: GMT+10
Joined: 2003-06-27
Posts: 241
Points: 2

Hi, I am having a problem with IE 5.01, 5.5 and 6 This is the site: http://vegouttime.techsatcomputers.com/

in IE it shows a 3 pixel gap between the navigation div and content div. Could anyone possibily detect whats wrong on that page. It looks ok on Mozilla browser. CSS style is as follows:

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	color: #FFFFFF;
	background-color: #000000;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#top {
	width: 100%;
	height: 90px;
	background-color: #FFFFFF;
}
#navigation {
	width: 130px;
	min-height: 700px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #CC9999;
	float: left;
	clear: right;
}
* html #navigation, * html #content {
	height: 700px;
}
#content {
	min-height: 700px;
	background-color: #D50000;
	color: #FFFFFF;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;	
}

http//melbourne.ug.php.net

Big John
Big John's picture
Offline
Enthusiast
Arizona
Last seen: 16 years 7 weeks ago
Arizona
Timezone: GMT-7
Joined: 2003-10-29
Posts: 94
Points: 0

3px gap on IE browsers

http//www.positioniseverything.net/

paCkeTroUTer
paCkeTroUTer's picture
Offline
Enthusiast
Melbourne, Australia
Last seen: 6 years 30 weeks ago
Melbourne, Australia
Timezone: GMT+10
Joined: 2003-06-27
Posts: 241
Points: 2

3px gap on IE browsers

Thanks Big John for that work around. I am trying to build a CSS style which has no hacks in it and hence I am not working with those floated elements I had before.

http//melbourne.ug.php.net

css_seth
Offline
Regular
minneapolis, mn
Last seen: 15 years 49 weeks ago
minneapolis, mn
Joined: 2004-01-02
Posts: 33
Points: 0

3px gap on IE browsers

nice link about the padding bug.