1 reply [Last post]
duklaprague
Offline
Regular
Last seen: 12 years 5 weeks ago
Joined: 2006-06-29
Posts: 14
Points: 0

Am just putting together the layout for a new site - almost there, but my main content text is displaying slightly too far down in IE(6) :

link here

The relevant CSS looks like :

#navcontainer ul
{
padding: 0 0 0 0px;
margin: 110px 0 10px 0px;
color: #999;
float: left;
width: 664px;
font-family: arial, helvetica, sans-serif;
font-size:12px;
display:inline;
position:relative;
text-align:center;
border-bottom: 2px solid #333333;
}
body  {
color: #666;
background-color: #F9F9F9;
font-family: verdana, arial, helvetica, sans-serif;
font-size:12px;
margin: 0 0 0 0;
}
#wrapper {
	position:relative;
	width: 1000px;
	margin: 10px auto 0 auto;
	border-left: 0px solid #FFFFFF;
 	border-right: 0px solid #FFFFFF;
 	color:#873D32;
	overflow: hidden;
	background-image:url(../background.jpg);
	background-repeat:no-repeat;
	height:600px;
}
#mainContent {
        color:#000000;
	float:left;
	display: inline;
	width:664px;
	margin-left:21px;
	padding-left:0px;
	margin-right:10px;
	padding-right:0px;
	margin-top:10px;

}

#mainContent h2, #mainContent h3, #mainContent p {
	padding:0 10px 10px 18px;
}
#mainContent h1 {
	margin-top:0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:18px;
	color:#900111;
}
#sidebarright {
	color:#873D32;
	float:right;
	display: inline;
	width:258px;
	margin-top:22px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:21px;
	padding:5px;
	text-align:left;
}

If anyone can spot what needs changing / fixing to make the reduce the gap between the navigation and the main text to what it is in Firefox / Safari, that would be great.

Cheers.

duklaprague
Offline
Regular
Last seen: 12 years 5 weeks ago
Joined: 2006-06-29
Posts: 14
Points: 0

Got it - just needed a

Got it - just needed a margin reset in the CSS