Sat, 2010-04-24 19:39
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; }
Sat, 2010-04-24 20:19
#1
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
Sat, 2010-04-24 20:53
#2
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