No replies to this topic

[venomsnake]

i coded a layout in html/css for someone, and they found an error in IE, the bg image shows up for a second, then goes away, and shows some color, with the layout moved over. this only happens in IE. http://deniedsociety.net/index2.php view that in firefox or opera, or w/e, then view it in ie, and youll see what i mean.

css:

body {
	background-color: #111C23;
	margin-top: 0px;
}

/* Link Options */

a {
	color: #0000CC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Image Options */

img {
	border: none;
}

#background {
	background-image: url('images/main.gif');
	background-repeat: repeat-y;
	width: 1002px;
	margin-left: auto;
	margin-right: auto;
	
}

#container {
	background-color: #103047;
	width: 906px;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: left;
	padding-bottom:0px;
	
}

#nav {
	width: 906px;
	height: 26px;
}

#bar {
	background-image: url('images/top_nav_bg.gif');
	width: 906px;
	height: 24px;
}

#banner {
	width: 906px;
}

.barbg1 {
	background-image: url('images/bar1.gif');
	background-repeat: repeat-x;
	height: 21px;	
	padding-left: 5px;
}

.barbg2 {
	background-image: url('images/bar2.gif');
	background-repeat: repeat-x;	
	height: 21px;
	padding-left: 5px;
}

.boxcon {
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.boxbot {
	background-color: #103047;
}

.boxtop {
	height: 24px;
}

.box1 {
	width: 313px;
	 height:195px;
	text-align: left;
}

.box2 {
	width: 312px;
	text-align: left;
}

.box3 {
	width: 281px;
	text-align: left;
}

.rostertop {
	width: 233px;
	height: 30px;
}

.rostercon {
	background-image: url('images/roster_content.gif');
	padding-left: 5px;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.statstop {
	width: 234px;
	height: 30px;
}

.statscon {
	background-image: url('images/stats_content.gif');
	padding-left: 5px;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.serverstop {
	width: 236px;
	height: 30px;
}

.serverscon {
	background-image: url('images/servers_content.gif');
	padding-left: 1px;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.sponsorstop {
	width: 236px;
	height: 30px;
}

.sponsorscon {
	background-image: url('images/sponsors_content.gif');
	padding-left: 5px;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.maincon {
	background-color: #103047;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding-left: 5px;
}

.maintop {
	width: 436px;
	height: 30px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	float: left;
	padding-left: 5px;
}

#footer {
	clear: both;
	width: 1002px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	vertical-align:bottom;		
}

.matchresult {
	font-family: "Franklin Gothic Medium";
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: blink;
}

view the source for the page as he might have updated it.

edit: nvm i figured it out

Edited by venomsnake, 25 July 2006 - 09:18 PM.