IE 8 css problems?

Associate
Joined
19 Jul 2006
Posts
1,847
Ok i give up,

http://www.aldermanleach.darlington.sch.uk/index.html works in Firefox

In IE8 it falls apart.
css
Code:
@charset "UTF-8";
/* CSS Document */


* html #maincol {

height: 400px;

}
* html div#map img { behavior: none; 
}

body
{
    background:#800099;

}

a img { 
border: 0; 
}



#container
{
    width:95%;
    position:relative;
    background: #006a42;
 margin:0px auto;
 min-height:95%;
}

#header {
    padding-left:0px;
}

#logo {
    position:absolute;
    top:30px;
    width:100%;
    overflow:hidden;
}

#cols {
    overflow:hidden;
    
}

#sidecol {
    margin-top:70px;
    float:left;
    min-width:18%;
    text-align:center;
	
}
#twitter {
    margin:0px auto;
    text-align:center;
	float:left;

}

#maincol {

    margin-left:20px;
    margin-top:100px;
    float:left;
    width:65%;
    background: #fff ;
    min-height:300px;
    margin-bottom:20px;


}
#maincol p {
    
    padding-left:30px;
    padding-right:30px;
    padding-top:20px;
    padding-bottom:20px;
}

#maincol a {
    
    color:#800099;
}

#maincol h1 {
    text-align:center;
    font-family:"American Typewriter", Arial, Calibri, sans-serif;
font-size:20px;
color:#800099;
}

#maincol h2 {
    text-align:center;
    font-family:"American Typewriter", Arial, Calibri, sans-serif;
font-size:20px;
}

#maincol h3 {
    text-align:center;
    font-family:"American Typewriter", Arial, Calibri, sans-serif;
font-size:10px;
}

#maincol h4 {
    text-align:center;
    font-family:"American Typewriter", Arial, Calibri, sans-serif;
font-size:16px;
}

#maincol img {
		text-align: center;
	display: block !important;
    	min-width:50%;
	min-height:10%; 
	margin:10px auto;
	

	
}

#maincol table{
width:70%; 
margin-left:auto; 
margin-right:auto;
text-align:center;
border-style:solid;
border-color:#800099; 
font-family:"American Typewriter", Arial, Calibri, sans-serif;
}

#maincol table th{
border-style:solid;
border-color:#006a42; 
-moz-border-radius: 6px 6px 6px 6px;
}
#maincol h5 {
     font-family:"American Typewriter", Arial, Calibri, sans-serif;
    padding-left:30px;
    padding-right:30px;
text-align:center;
}



#map {
margin-left:30px;
margin-right:5px;
margin-top:30px;
float:left;
overflow:hidden;
}

#map img {
behavior: none !important;
} 

#info {
float:right;

}
   

#footer {
float:right;
clear:both;
    padding-top:5px;
    padding-right:40px;
    font-family:"American Typewriter", Arial, Calibri, sans-serif;
    color:#ffff22;
    text-align:right;
     font-size:12px;
}

#footer a {
color:#ffff22;
}
 
Wasn't going to be that blunt, but yeah. Green and purple are not good bedfellows.

TBH I'd look at finding a free template. I'd be worried sending my kids there with a site that looks like that.
 
Back
Top Bottom