2 replies [Last post]
mylamebrain
mylamebrain's picture
Offline
Regular
Massachusetts, USA
Last seen: 12 years 47 weeks ago
Massachusetts, USA
Joined: 2006-06-25
Posts: 31
Points: 0

http://wwwi.ekmtech.com/home.asp

I have a margin appearing in IE6 under my header div.

This is a 3col non-liquid layout. I have floated my columns within a "contentarea" div and can't figure out this weird margin.

I've tried putting in display:inline and display:inline-block rules to my contentarea div but no such luck. Maybe people could try solutions with their FF web dev. toolbar? Smile

Here are screenshots and applicable code:

/* generic styles
-------------------------- */
* {
	margin: 0; 
	padding: 0;
}
/*this margin makes lists viewable in CMS*/
ol, ul {
	margin: 0 0 1em 20px;
}
img{
	border: none;
}

/* layout
-------------------------- */
body{
	font-family: 'trebuchet ms', verdana, tahoma, sans-serif;
	font-size: 12px;
	color: #2d3240;
	background: white;
	
} 
body.colored {
	background: #e3eef6 url(/media/bg-tile.jpg) top repeat;
}
#page{
	width: 900px;
	margin: 20px auto;
}
#header{
	width: 900px;
	height: 99px;
	position: relative;
	background: #f3eded url(/media/header-bg-tile.jpg) top repeat-x;
}
#abe-logo{
	float: left;
	padding: 0 0 0 35px;
	width: 341px;
}
#header-adv{
	float: right;
	padding: 20px 8px 0 0;
}
#contentarea{
	position: relative;
	display: block;
	background: #f1f6fa;
}
#rightcols{
	background: red;
	float: right;
	width: 718px;
}
#content{
	width: 564px;
	float: left;
	background: aqua;
}
#side-adv{
	width: 154px;
	float: right;
	background: green;
}
#nav{
	float: left;
	width: 182px;
}
#footer{
	clear: both;
	text-align: center;
}

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

To img, add {vertical-align:

To img, add {vertical-align: bottom;}. If this causes problems in other images, be more specific, eg., #header img {}.

For an explanation, see Mysterious Gaps.

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.

mylamebrain
mylamebrain's picture
Offline
Regular
Massachusetts, USA
Last seen: 12 years 47 weeks ago
Massachusetts, USA
Joined: 2006-06-25
Posts: 31
Points: 0

thanks gary

thanks gary