troubleshooting Question

IE and CSS Problem

Avatar of cookmyster
cookmysterFlag for Canada asked on
CSSHTMLColdFusion Language
19 Comments1 Solution275 ViewsLast Modified:
Hello,

I have a website, and in firefox, chrome, safari and opera it works great... but when i use it in Internet Explorer it is not working right.

So the problem is that the website is suppose to be centered on the page  but in IE it is not and every other browser it is.

Any thoughts...  i have attached the css

the website can be found at...   www.geomaticscanada.com
body 
{
	background-image: url(../images/bg.gif);
	font-family: Calibri;
	font-size: 13px;
	margin: 0px;
	height: 100%;
	min-height: 100%;
}

html
{
	margin: 0px;
	height: 100%;
	min-height: 100%;
}

h1
{
	color: #6F1200;
	font-size: 21px;
	font-weight: normal;
	margin: 0px 0px 14px 0px;
}

h2
{
	color: #6F1200;
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 14px 0px;
}

h3
{
	color: #6F1200;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 14px 0px;
}

img
{
	border: none;
}

a:link, a:visited
{
	color: #282828;
}

a:hover, a:active
{
	color: #6F1200;
	
}

#container
{
	background-image: url(../images/container_bg.gif);
	background-repeat: repeat-y;
	width: 760px;
	height: auto; /* changed this from 100% to auto for IE browser */
	min-height: 100%;
	position: relative;
	margin: 0px auto 0px auto;
}

#column_container
{
	background-image: url(../images/column_container_bg.gif);
	background-repeat: repeat-y;
	width: 760px;
	height: 100%;
	min-height: 100%;
	position: relative;
	margin: 0px auto 0px auto;
}

#top_img
{
	background-image: url(../images/top_img.gif);
	background-repeat: no-repeat;
	width: 760px;
	height: 70px;
	position: relative;
	z-index:3;
}
	#nav
	{
		text-align: right;
		width: 460px;
		height: 18px;
		position: relative;
		top: 24px;
		left: 300px;
		
	}
	
		#nav_main
	{
		text-align: right;
		width: 460px;
		height: 18px;
		position: relative;
		top: 0px;
		left: 300px;
		
	}
	
	#nav a:link, #nav a:visited
	{
		background-image: url(../images/nav_bg.gif);
		background-repeat: no-repeat;
		background-position: 0px 4px;
		font-weight: bold;
		color: #707070;
		text-decoration: none;
		margin: 0px 25px 0px 0px;
		padding: 0px 0px 0px 10px;
	}
	
	#nav a:active, #nav a:hover
	{
		background-image: url(../images/nav_bg.gif);
		background-repeat: no-repeat;
		background-position: 0px 4px;
		font-weight: bold;
		color: #6F1200;
		text-decoration: none;
		margin: 0px 25px 0px 0px;
		padding: 0px 0px 0px 10px;
	}
	
#header
{
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	width: 760px;
	height: 142px;
	position: relative;
}
	#header_buttons
	{
		width: 300px;
		height: 30px;
		position: absolute;
		top: 92px;
		left: 420px;
		
	}
	
	#header .logolink
	{
		display: block;
		width: 220px;
		height: 70px;
		position: absolute;
		top: 0px;
		left: 460px;
	}
	
#noheader_header
{
	background-image: url(../images/noheader.gif);
	background-repeat: no-repeat;
	width: 760px;
	height: 76px;
	position: relative;
}
	#noheader_buttons
	{
		width: 300px;
		height: 30px;
		position: absolute;
		top: 25px;
		left: 420px;
	}
	
	#noheader_header .logolink
	{
		display: block;
		width: 220px;
		height: 70px;
		position: absolute;
		top: 0px;
		left: 20px;
	}
	
#main_content
{
	width: 700px;
	height: auto;
	min-height: 300px;
	position: relative;
	padding: 10px 30px 10px 30px;
}

#column_content
{
	background-image: url(../images/2column.gif);
	background-repeat: repeat-y;
	width: 760px;
	height: auto;
	min-height: 300px;
	position: relative;
	padding: 0px;
	margin: 0px 10px 0px 10px;
}

#footer
{
	background-image: url(../images/footerbig.gif);
	background-repeat: no-repeat;
	width: 760px;
	height: 50px;
	position: relative;
	margin: 0px auto 0px auto;
}

#footer_text_rss
{
background-image:url(../images/rss_icon.jpg);
background-repeat:no-repeat;
position:absolute;
	width:27px;
	height:20px;
	z-index:1;
	left: 635px;
	top: 27px;


}
#footer_text
{
padding:30px 0px 0px;
}



#column_footer
{
	background-image: url(../images/2column_footerbig.gif);
	background-repeat: no-repeat;
	width: 760px;
	height: 50px;
	position: relative;
	margin: 0px auto 0px auto;
}

#footer_text a:link, #footer_text a:visited
{
	color: #282828;
	text-decoration: none;
}

#footer_text a:hover, #footer_text a:active
{
	color: #6F1200;
	text-decoration: none;
	
}
#column1
{
	width: 345px;
	height: auto;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	float: left;
}

#column2
{
	width: 370px;
	height: auto;
	padding: 0px;
	margin: 0px 0px 0px 3px;
	float: left;
}


.table, th, td{
	font-family: Calibri;
	font-size: 13px;
	margin: 0px;
	height: 100%;
	min-height: 100%;
}

/* Content Boxes */

.leftbox_border
{
	width: 318px;
	padding: 10px 15px 10px 15px;
	border-bottom: solid 2px #C4C4C4;
}

.leftbox
{
	width: 318px;
	padding: 10px 15px 10px 15px;
}

.rightbox_border
{
	width: 342px;
	padding: 10px 15px 10px 15px;
	border-bottom: solid 2px #C4C4C4;
}

.rightbox
{
	width: 342px;
	padding: 10px 15px 10px 15px;
}

#jobwrapper {
display:inline;
float:left;
margin:0;
padding-left:5px;
width:721px;
}
#jobsummary {
background:#F2F2F3 url(../images/sidedata.jpg) no-repeat scroll left top;
float:left;
margin:10px;
width:176px;
}
#jobcopy {
float:left;
margin:18px 5px 10px 0;
width:510px;
}

#thisform {

color:#000000;
}



#thisform fieldset{
border: 1px solid #000000;
padding: 0 20px;
}

#thisform legend{

font-weight:bold;
font-size:90%;
color:#000000;
background:#eee;
border: 1px solid #000000;
border-bottom-color: #000000;
border-right-color: #000000;
padding: 4px 8px;
}

/* Content */
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 19 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 19 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros