works in everything but IE 6...... I hate IE 6

2 replies [Last post]

Sat, 2010-04-24 19:39

nade93

Offline

newbie

Last seen: 11 years 14 weeks ago

Timezone: GMT+1

Joined: 2010-03-15

Posts: 3

Points: 5

Hi All

I need to adjust this css code so it suits IE6 but everything I do does not seem to work. I am using an statment to point to a IE6 specific file so can be completely re-altered

site is cecplc.com

code is below. Can anyone give me any guidance please> its pretty urgent for a daeline tomorrow! thanks in advance

* {
		margin:0;
		padding:0;
		}
 
	html, body {
 
		margin:0; padding:0; width:100%; height:100%; 
		}
 
	body {
		background: #fff ;
        top:0; left:0; right:0; width:100%; height:100%;
	   	font-family: Arial, Tahoma, sans-serif;
		font-size:12px;
		text-align:center; /* horizontal centering for IE Win quirks */
		}
#wrapper{
	width:900px;
	margin:0 auto;
}
	#distance { 
		width:100%;
		margin-top:5px;
 
 
		}
 
	#container {
		margin:0 auto;
		width:100%;
		background:url(../images/bg2-new.jpg) repeat-x;
 
		}
 
#container p{
font-size:12px;
color:#ffffff;
text-align:justify;
padding-left:10px;
padding-right:10px;
}
 
#container li.text{
font-size:12px;
color:#fff;
text-align:justify;
padding-left:10px;
padding-right:10px;
}
 
#clear{
clear:both;
width:1000px;
}
/*------------------------------------------------------- FONT STYLES */
 
h1{
font-size:20px;
text-transform:uppercase;
font-weight:500;
color:#fff;
font-family: Harabara Bold, Tahoma, Sans-serif;
text-align:left;
}
 
small{
color:#fff;
font-size:11px;
}
 
h2{
font-size:18px;
font-weight:600;
font-family: "Arial Rounded MT Bold", Arial, Tahoma;
padding-left:10px;
color:#fff;
 
}
 
h3{
color:#FFFFFF;
font-size:11px;
font-family: Harabara Bold, Tahoma, Sans-serif;
text-align:right;
text-transform:uppercase;
font-weight:500;
margin-right:10px;
}
 
h4{
color:#ddd;
font-weight:600;
font-family:tahoma;
text-align:left;
}
 
 
 
/*------------------------------------------------------- MAIN CONTAINER */
 
#header{
 
margin:0 auto;
width:1000px;
height:300px;
padding-top:2px;
position:relative;
z-index:0;
}
 
#header .wrapper{
width:900px;
}
 
.logo{
margin:0 auto;
width:180px;
margin-left:18px;
margin-top:48px;
margin-bottom:20px;
position:relative;
z-index:999;
text-align:center;
}
 
 
.menu{
float:left;
width:780px;
margin-right:0px;
padding-top:25px;
font-size:11px;
 
 
 
}
 
.menu2{
float:right;
width:160px;
margin-right:0px;
 
font-size:11px;
 
}
 
.menu2 li{
list-style:none;
font-weight:600;
}
 
 
li.first{
text-transform:uppercase;
color:#fff;
padding-top:5px;
display:inline;
padding-left:15px;
padding-right:15px;
border-right:1px solid #e3e2e2;
font-weight:600;
text-align:center;
height:17px;
 
}
li.last{
text-transform:uppercase;
color:#fff;
display:inline;
padding-left:15px;
padding-right:15px;
text-align:center;
padding-top:5px;
height:17px;
}
 
.menu a{
text-transform:uppercase;
color:#7a8d9c;
 
text-decoration:none;
 
}
 
.menu a:hover{
 
text-transform:uppercase;
color:#7ab8d2;
 
text-decoration:none;
 
}
ul{
margin:8px;
}
#marketnews{
display:block;
border-bottom:1px dotted #eaeaea;
color:#2d93d1;
font-size:13px;
text-transform:uppercase;
text-align:right;
width:95%;
 
}
 
#top-cont{
background:url(../images/top-cont.png) no-repeat;
width:500px;
height:14px;
}
 
#middle-cont{
background:url(../images/midd-cont.png) repeat-y;
width:480px;
color:#1f517f;
padding:10px;
 
}
 
#bottom-cont{
background:url(../images/bottom-cont.png) no-repeat;
width:500px;
height:14px;
}
 
 
/*-------------------------------------------------------- MAIN */
a.disc{
	text-align:right;
	font-size:10px;
	color:#999;
	text-decoration:none;
}
 
#sep{
width:95%;
margin:0 auto;
border-bottom: dotted 1px #ccc;
height:10px;
padding-top:3px;
margin-bottom:3px;
}
#maincontainer{
	width:650px;
	float:left;
margin-top:20px;
color:#666;
}
 
#maincontainer a{
	 color:#86c4e8;
	 font-weight:600;
	 text-decoration:none;
 }
 
 #maincontainer a:hover{
	 color:#ccc;
	 font-weight:600;
	 text-decoration:none;
 }
#maincontainer p{
font-size:12px;
text-align:justify;
line-height:20px;
color:#666;
}
 
 
 
#top{
z-index:1;
width:650px;
margin-top:32px;
float:left;
}
 
#newsfloat{
	width:206px;
	height:657px;
	background:url(../images/newsbg.png) no-repeat;
	float:right;
	z-index:100;
 
 
 
}
 
#swf{
	float:left;
	height:185px;
	width:690px;
	margin-top:10px;
	margin-left:-20px;
	background:url(../images/bg-new.png) repeat-x;
}
 
#contentwrapper{
height:auto;
min-height:450px;
margin-left:20px;
}
.contenthome1{
width:590px;
float:left;
text-align:left;
margin-top:10px;
 
}
 
.contenthome2{
width:250px;
float:right;
text-align:left;
margin-top:10px;
background:  url(../images/sep.png) no-repeat;
padding-left:10px;
}
 
.contentrest1{
width:1000000050px;
float:left;
text-align:left;
margin-top:10px;
 
}
 
.contentrest2{
width:690px;
float:right;
text-align:left;
margin-top:10px;
background:  url(../images/sep.png) no-repeat;
padding-left:10px;
}
#homeicons{
background:url(../images/homebg.png) no-repeat;
margin:10px;
width:180px;
float:left;
}
 
/*-------------------------------------------------------- NEWS */
#address{
	width:170px;
	text-align:right;
	padding-left:15px;
	padding-top:30px;
}
#newsfloat li{
list-style:none;
margin:0 auto;
display:block;
padding-top:4px;
padding-bottom:4px;
width:170px;
border-bottom:dotted 1px #ccc;
text-align:justify;
 
}
.newsfloater{
	border-bottom:dotted 1px #ccc;
	width:160px;
	text-align:justify;
	margin:0 auto;
	margin-bottom:10px;
}
 
#newsfloat  p{
text-align:justify;
font-size:10px;
}
 
#newsfloat .title{
font-weight:bold;
color:#666;
font-size:9px;
text-transform:uppercase;
padding-bottom:3px;
}
.title a{
color:#666;
text-decoration:none;
}
 
.title a:hover{
color:#266494;
text-decoration:none;
}
.news_date{
text-align:left;
color:#ccc;
font-size:11px;
}
 
#panel {
	background: #000;
	height: 370px;
	width:180px;
	float:right;
	display: none;
	margin-top:1px;
	opacity:0.4;filter:alpha(opacity=40);
	position:relative;
	z-index:199;
}
 
.slide {
	margin: 0;
	padding: 0;
	background: url(images/btn-slide.gif) no-repeat center top;
}
 
li.button{
background: url(../images/arrow.png) no-repeat;
text-transform:uppercase;
color:#fff;
display:inline;
padding-left:15px;
padding-right:15px;
text-align:center;
font-weight:600;
height:25px;
}
.btn-slide {
 
	text-align: right;
	text-transform:uppercase;
	color:#7a8d9c;
    text-decoration:none;
	margin: 0 auto;
 
 
}
.active {
	background-position: right 12px;
}
 
/*-------------------------------------------------------- FOOTER */
#footer{
float:left;
height:45px;
width:700px;
margin-top:-55px;
z-index:100;
position:relative;
text-align:right;
border-top:1px dotted #ccc;
 
 
}
 
.col1{
float:left;
width:230px;
text-align:left;
margin-left:10px;
color:#eaeaea;
}
 
.col1 a{
color:#fff;
font-size:10px;
text-decoration:none;
}
 
.col1 a:hover{
color:#3399FF;
}
 
.col1 li{
list-style: disc;
color:#fff;
margin-left:20px;
}
 
.col2{
float:left;
width:210px;
text-align:left;
color:#eaeaea;
}
 
.col2 a{
color:#fff;
font-size:10px;
text-decoration:none;
}
 
.col2 a:hover{
color:#3399FF;
}
 
.col2 li{
list-style: disc;
color:#fff;
}
 
.col3{
float:right;
width:370px;
height:115px;
text-align:right;
padding-right:70px;
margin-top:10px;
color:#999;
border-left:1px solid #fff;
}
 
.col3 a{
color:#999;
font-size:11px;
text-decoration:none;
}
 
.col3 a:hover{
color:#3399FF;
}
 
.col3 li{
list-style:none;
}
 
/*----------------------------------- CONTACT FORM */
 
#contact-wrapper {
	width:430px;
    padding:10px;
	color:#fff;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:inline;
	float:left;
	font-size:11px;
	width:120px;
	color:#fff;
	text-align:left;
 
}
#contact-title {
	float:right;
	font-size:11px;
	width:170px;
	color:#fff;
 
 
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:2px;
	font-size:11px;
	color:#333;
	width:260px;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	width:253px;
}
/*----------------------------------------- SLIDE */
 
	.sub{
	width:190px;
	height:23px;
	padding-top:5px;
	padding-bottom:5px;
	background:#246596;
	font-size:9px;
	text-align:left;
	opacity:0.9;filter:alpha(opacity=90)
 
	}
	.subtitle{
	width:190px;
	height:15px;
	color:#036;
	background:#eaeaea;
	font-size:9px;
	text-align:left;
	opacity:0.9;filter:alpha(opacity=90);
	padding-top:11px;
	padding-left:6px;
	}
 
	.sub a{
	color:#333;
	text-align:left;
 
	}
 
	.sub a:hover{
	color:#999;
	text-align:left;
 
	}
 
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#menu li {
			float:left; 
			display:block; 
			position:relative;
			z-index:500; 
			margin:0 1px;
		}
 
		/* this is the parent menu */
		#menu li a {
			display:block; 
			font-weight:700;  
			height:23px; 
			text-decoration:none; 
			text-align:left; 
			color:#7a8d9c;
		}
 
		#menu li a:hover {
			color:#317fb0;
			text-decoration:none; 
		}
 
		/* you can make a different style for default selected value */
		#menu a.selected {
			color:#f00;
					text-decoration:none; 
		}
 
		/* submenu, it's hidden by default */
		#menu ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
 
		#menu ul li {
 
			float:left; 
			border-top:1px dotted #fff;
		}
 
		/* display block will make the link fill the whole area of LI */
		#menu ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#666;
		}
 
		#menu ul a:hover {
			text-decoration:none;	
		}
 
		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #menu ul {
			margin:0 0 0 -2px;
		}
 
/*----------------------------------------- CONTACT FORM */
 
 
p.contact{
	font-size:10px;
	color:#999;
	line-height:15px;
}
 
h3{
	font-size:14px;
	color:#266494;
	font-weight:600;
	text-align:left;
	padding-left:15px;
	background:url(../images/h3.png) no-repeat;
	display:block;
	width:625px;
	margin-bottom:6px;
	border-bottom:1px solid #eaeaea;
}

Tags:

Site Checks

Sat, 2010-04-24 20:19

Deuce

Offline

Guru

Somewhere, USA

Last seen: 4 years 2 weeks ago

Somewhere, USA

Timezone: GMT-5

Joined: 2005-11-20

Posts: 4424

Points: 1843

Drop down navigation doesn't

Drop down navigation doesn't work in Firefox on Mac.
Also, validate your HTML
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fcecplc.com%2F

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Sat, 2010-04-24 20:53

nade93

Offline

newbie

Last seen: 11 years 14 weeks ago

Timezone: GMT+1

Joined: 2010-03-15

Posts: 3

Points: 5

thanks for the reply,

thanks for the reply, validating the css and layout does not solve my problem
im checking it using browser lab from adbe and the site is all over the place

can anyone help pls

thanks

works in everything but IE 6...... I hate IE 6

Drop down navigation doesn't

thanks for the reply,

User login

Navigation