HELP! Blog Doesn’t Render Correctly In IE6!
-
Hey Guys, my page http://www.bannedinhollywood.com doesn’t render in ie6 correctly. I was told its because my columns aren’t floating – and that I could fix this is CSS – heres my style sheet, I am really lost in what to do, and any help would be MUCH appreciated!!! thanks! Also, I need my header to link back home, any help? THANKS!!!!
/*
Theme Name: Zoxengen
Theme Date: 16042008
Theme URI: http://www.dezzain.com/
Description: Unique customize technology software wordPress theme with featured gallery and featured videos.
Author: Richie K
Author URI: http://www.dezzain.com/
Tags: red, custom theme option, fixed width, three columns, widgets, featured videos, featured smooth articles*/
body {
font-size: 100%;
color: #131313;
margin: 0px;
padding: 0px;
background: url(images/deck.png) repeat-x top;
}
.post-content object {
margin: 0px 0px 5px;
padding: 0px;
height: 380px;
width: 480px;
}
.post-content embed {
margin: 0px 0px 5px;
padding: 0px;
height: 380px;
width: 480px;
}#wrapper {
width: 970px;
margin: 0px auto;
}
#header {
float: left;
height: 90px;
width: 100%;
background: url(http://www.bannedinhollywood.com/wp-content/themes/zoxengen/images/newlogo.png) top left no-repeat;
height: 91px;
}
#header img {
border-width: 0px;
}
#header #left-header {
float: left;
width: 40%;
padding-top: 25px;
}
#header h1 {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
font-size: 28px;
color: #000000;
line-height: 30px;
}
#header p {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
color: rgba(102,102,102,0);
}
#header a {
color: #6E2828;
text-decoration: none;
}
#header a:hover {
color: #000000;
text-decoration: none;
}
#right-header {
margin: 0px;
float: right;
padding-top: 50px;
width: 340px;
}
#right-header #searchform {
margin: 0px;
padding: 0px;
float: left;
}
#right-header #searchform p {
margin: 0px;
padding: 0px;
float: left;
}
#searchform .intext {
padding: 5px 1px 5px 3px;
float: left;
width: 250px;
border-top: 1px solid #666666;
border-right: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
border-left: 1px solid #666666;
margin-top: 2px;
margin-right: 5px;
}
#searchform .inbutton {
margin: 0px;
padding: 0px;
float: left;
}
#navigation {
float: left;
width: 100%;
padding-top: 10px;
}
#last-updates {
float: left;
height: 25px;
font-size: 1em;
width: 100%;
line-height: 25px;
color: #666666;
}
#last-updates a {
color: #000000;
text-decoration: none;
}
#last-updates a:hover {
color: #660000;
text-decoration: underline;
}
#last-updates .lupdate {
margin: 0px;
padding: 0px;
float: left;
width: 30%;
height: 25px;
line-height: 25px;
color: #000000;
}
#last-updates .lsubscribes {
margin: 0px;
padding: 0px 0px 0px 16px;
float: right;
height: 25px;
background: url(images/rss-feeds.png) no-repeat left center;
font-weight: bold;
color: #000000;
width: 240px;
}#nav {
font-size: 1em;
margin: 0px;
padding: 0px;
float: left;
width: 100%;
height: 45px;
}
.pg-nav {
margin: 0px;
padding: 8px 0px 7px;
float: left;
width: 100%;
list-style-type: none;
}
.pg-nav ul {
margin: 0px;
padding: 0px;
float: left;
list-style-type: none;
}
.pg-nav li {
margin: 0px;
padding: 0px 0px 0px 19px;
float: left;
height: 30px;
line-height: 28px;
}
.pg-nav li a {
display: inline-block;
margin: 0px;
padding: 0px 19px 0px 0px;
float: left;
height: 30px;
color: #FFFFFF;
text-decoration: none;
}
.pg-nav li a:hover {
display: inline-block;
margin: 0px;
padding: 0px 19px 0px 0px;
float: left;
height: 30px;
color: #FFFFFF;
text-decoration: underline;
}
#home{
margin: 0px;
padding: 0px 0px 0px 19px;
float: left;
height: 30px;
background: url(images/left-nv.png) no-repeat left;
line-height: 28px;
}
#home a {
background: url(images/right-nv.png) repeat-x right;
display: inline-block;
margin: 0px;
padding: 0px 19px 0px 0px;
float: left;
height: 30px;
color: #FFFFFF;
text-decoration: none;
}
#home a:hover {
background: url(images/right-nv.png) repeat-x right;
display: inline-block;
margin: 0px;
padding: 0px 19px 0px 0px;
float: left;
height: 30px;
color: #F9F9F9;
text-decoration: none;
}
.pg-nav li.current_page_item {
margin: 0px;
padding: 0px 0px 0px 19px;
float: left;
height: 30px;
background: url(images/left-nv.png) no-repeat left;
line-height: 28px;
}
.pg-nav li.current_page_item a {
background: url(images/right-nv.png) repeat-x right;
display: inline-block;
margin: 0px;
padding: 0px 19px 0px 0px;
float: left;
height: 30px;
color: #F9F9F9;
text-decoration: none;
}
.pg-nav li.current_page_item a:hover {
background: url(images/right-nv.png) repeat-x right;
display: inline-block;
margin: 0px;
padding: 0px 19px 0px 0px;
float: left;
height: 30px;
color: #F9F9F9;
text-decoration: none;
}#sub-navs {
float: left;
width: 100%;
height: 25px;
}
#adstop {
padding: 6px 0px 0px;
}.sub-nav {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
list-style-type: none;
}
.sub-nav ul {
margin: 0px;
padding: 0px;
float: left;
list-style-type: none;
}
.sub-nav li {
display: inline;
margin: 0px;
padding: 0px 0px 0px 19px;
float: left;
line-height: 25px;
}
.sub-nav li a {
color: #000000;
text-decoration: none;
}
.sub-nav li a:hover {
color: #6C2424;
text-decoration: underline;
}
#content {
margin: 0px;
padding: 25px 0px 0px;
float: left;
width: 970px;
position: relative;
}
#post-entry {
margin: 0px 5px 0px 0px;
padding: 0px 3px 1em 0px;
float: left;
width: 500px;
border-right: 1px solid #efefef;
}
#post-entry h2 {
font-size: 18px;
color: #990000;
margin: 0px 0px 1.125em;
padding: 1em 0px 3px;
float: left;
width: 100%;
border-bottom: 1px solid #EDEDED;
}
.post-meta {
margin: 0px;
padding: 0px 0px 25px;
float: left;
width: 99%;
}
.post-meta h1 {
margin: 0px;
padding: 0px;
font-size: 21px;
color: #000000;
line-height: 26px;
}
.post-meta h1 a {
color: #000000;
text-decoration: none;
}
.post-meta h1 a:hover {
color: #990033;
text-decoration: underline;
}
.post-author {
margin: 0px 0px 5px;
padding: 0px 0px 2px;
float: left;
width: 100%;
color: #666666;
border-bottom: 1px solid #efefef;
}
.post-author a {
color: #990033;
text-decoration: underline;
font-weight: normal;
}
.post-author a:hover {
color: #000066;
text-decoration: underline;
}
.post-under {
margin: 0px 0px 2px;
padding: 0px;
float: left;
width: 100%;
color: #000000;
font-weight: bold;
}
.post-under a {
color: #003366;
text-decoration: none;
font-weight: normal;
}
.post-under a:hover {
color: #003399;
text-decoration: underline;
}
.post-view-com {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
}
.post-view-com .comment-count {
}
.post-view-com .comment-count a {
background: url(images/socials/icomment.png) no-repeat left center;
padding-left: 15px;
color: #666666;
text-decoration: none;
padding-right: 15px;
}
.post-view-com .comment-count a:hover {
background: url(images/socials/icomment.png) no-repeat left center;
padding-left: 15px;
color: #003366;
text-decoration: underline;
padding-right: 15px;
}
.post-view-com .view-count {
color: #666666;
text-decoration: none;
background: url(images/socials/view.gif) no-repeat left 2px;
padding-left: 15px;
padding-top: 1px;
}
.post-wp-rating {
margin: 0px;
padding: 0px;
float: left;
width: 100%;
}
.post-wp-rating .post-ratings {
padding: 0px!important;
}.post-content {
margin: 0px;
padding: 0px 6px;
float: left;
width: 97%;
font-size: 1em;
overflow: hidden;
background-color: #def2f8;
border-style: solid;
border-color: #e8e8e8;
}
.post-content img {
border: 0px;
}.post-content a {
color: #003366;
text-decoration: underline;
font-weight: bold;
}
.post-content a:hover {
color: #0066CC;
text-decoration: underline;
font-weight: bold;
}
#sidebar-left {
padding: 5px 5px 10px;
float: left;
width: 175px;
background: #F9F9F9;
border: 1px solid #eeeeee;
margin: 0px;
}
#sidebar-right {
padding: 5px 0px 5px 5px;
width: 260px;
float: left;
}
#sidebar-left h3 {
font-size: 1.25em;
line-height: 32px;
color: #FFFFFF;
background: url(images/sidebar.png) no-repeat;
margin: 0px;
padding: 0px 0px 0px 8px;
float: left;
height: 32px;
width: 167px;
}
.list {
margin: 0px;
padding: 12px 0px 20px;
float: left;
width: 100%;
list-style-type: none;
overflow: hidden;
}
.list li img {
border-width: 0px;
}
.list li table {
margin: 0px;
padding: 0px;
width: 96%;
clear: both;
}
.list ul {
margin: 0px;
padding: 0px;
float: left;
width: 90%;
list-style-type: none;
}
.list li {
color: #000000;
margin: 0px 0px 5px;
padding: 0px;
float: left;
width: 100%;
}
.list ul li {
color: #000000;
margin: 5px 0px 0px;
padding: 0px;
float: left;
width: 100%;
}
.list li a {
background: url(images/list.png) no-repeat left 2px;
padding-left: 13px;
color: #000;
text-decoration: none;
}
.list li a:hover {
background: url(images/list.png) no-repeat left 2px;
padding-left: 13px;
color: #00006c;
text-decoration: underline;
}
.list img {
border-width: 0px;
}
.nolist img {
border-width: 0px;
}
.nolist {
margin: 0px;
padding: 12px 0px 20px;
float: left;
width: 100%;
list-style-type: none;
overflow: hidden;
}
.nolist ul {
margin: 0px;
padding: 0px;
float: left;
width: 90%;
list-style-type: none;
}
.nolist li {
color: #000000;
margin: 0px 0px 5px;
padding: 0px;
float: left;
width: 100%;
}
.nolist ul li {
color: #000000;
margin: 5px 0px 0px;
padding: 0px;
float: left;
width: 100%;
}
.nolist li a {
color: #000;
text-decoration: none;
}
.nolist li a:hover {
color: #00006c;
text-decoration: underline;
}
#video-slot {
margin: 0px;
padding: 0px 0px 20px;
float: left;
width: 260px;
}
#video-slot p {
margin: 0px 0px 8px;
padding: 0px;
float: left;
}#video-slot embed {
margin: 0px;
padding: 0px;
float: left;
height: 210px;
width: 260px;
}
#video-slot object {
margin: 0px;
padding: 0px;
float: left;
height: 210px;
width: 260px;
}
#sidebar-right h3 {
margin: 0px 0px 10px;
padding: 0px 0px 2px;
float: left;
width: 96%;
border-bottom: 1px solid #ededed;
font-size: 1.25em;
color: #660000;
}
#sidebar-right ul {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
#ads-slot {
margin: 0px;
padding: 0px 0px 20px;
float: left;
width: 260px;
}
#ads-slot .adshere {
text-align: center;
margin: 0px;
padding: 5px 0px 0px;
float: left;
width: 260px;
}
#ads-slot .adshere a {
color: #000000;
text-decoration: underline;
}
#ads-slot .adshere a:hover {
color: #660000;
text-decoration: none;
}#ads-slot img {
margin: 0px 3px 3px 0px;
padding: 0px;
float: left;
border-width: 0px;
}
#footer {
font-size: 0.6875em;
background: url(images/footer.png) repeat-x;
float: left;
width: 100%;
color: #000000;
}
#footer-content a {
color: #000000;
text-decoration: underline;
}
#footer-content a:hover {
color: #999999;
text-decoration: underline;
}#footer-blok {
margin: 0px auto;
width: 970px;
}
#footer-content {
margin: 0px;
width: 970px;
padding: 10px 0px;
float: left;
color: #868686;
}
#footer-content .left-footer {
float: left;
width: 45%;
padding-top: 14px;
}
#footer-content .right-footer {
float: right;
width: 45%;
text-align: right;
padding-top: 8px;
}
.right-footer p {
margin: 0px;
padding: 0px 0px 2px;
float: left;
width: 100%;
}
.right-footer img {
border-width: 0px;
}
#sidebar-main {
margin: 0px;
padding: 0px;
float: left;
font-size: 0.9375em;
}
#sidebar-wrap {
margin: 0px;
padding: 0px;
float: right;
width: 460px;}
#feature-articles {
font-size: 16px;
line-height: 20px;
color: #660000;
margin: 0px;
padding: 0px;
float: left;
width: 450px;
} -
Two things:
1) IE 6 is notorious for not playing well with WordPress
2) Yours is a self-hosted blog so you need to be at http://wordpress.org for help.
- The topic ‘HELP! Blog Doesn’t Render Correctly In IE6!’ is closed to new replies.
WordPress.com Forums 
