Site Layout and Usability

Web page loading errors

Please support our Site Layout and Usability advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

Thread Solved

•

Join Date: Mar 2009

Posts: 66

Reputation: djextreme5 is on a distinguished road

Solved Threads: 4

djextreme5 djextreme5 is offline

Offline

Junior Poster in Training

Web page loading errors

Jul 16th, 2009

Hello, I am new webmaster for my high school's robotics team and I don't understand why the pages load differently in IE8 and FireFox.

http://www.team188.com is the website...

Ok, so here is what the problem is : When I open certain pages in IE8, the area around the curve on the top is the only thing in red. The entire blue part should be red.

The page sets a cookie everytime you load it, which stores either 'uniform' or 'os' (for oldschool), then in the main index file, it checks the cookie and opens the appropriate .css file.

Like this,

 Help with Code Tags 
 php Syntax (Toggle Plain Text) 
<link rel="stylesheet" type="text/css" title="User's style" media="all" href="/core/<?php echo (!$sitetheme)?'uniform':$sitetheme ?>.css" />
<link rel="stylesheet" type="text/css" title="User's style" media="all" href="/core/<?php echo (!$sitetheme)?'uniform':$sitetheme ?>.css" />

now, each style sheet has completely different colours. they both are stored in http://www.team188.com/core/ (either uniform or os .css)

I have messed around for months now and I still don't understand the problem. Can someone help?

Thanks.

EDIT : Also, the problem can easily be fixed by anyone if they refresh the affected page once... Its really strage.. have even tried to set uniform.css as the only stylesheet and completely disable the other one... still doesnt work...

EDIT : This is what sets the colours in uniform.css

 Help with Code Tags 
 php Syntax (Toggle Plain Text) 
.curvestack {
	background-image:url(grid_uniform.png);
}
 
html {
	color:#000;
	background-color:#980101;
	background-image:url(grid_uniform.png);
}
.curvestack {
	background-image:url(grid_uniform.png);
}

html {
	color:#000;
	background-color:#980101;
	background-image:url(grid_uniform.png);
}