2 replies [Last post]
nade93
Offline
newbie
Last seen: 11 years 25 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 Wink

* {
		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;
}

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 13 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

nade93
Offline
newbie
Last seen: 11 years 25 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