Support » Fixing WordPress » IE not displaying my sidebar correctly
IE not displaying my sidebar correctly
-
Hi all,
As the title tells you already my website isn’t shown properly in IE (any version). On my mac everything is fine. But as you can see on the screenshot my sidebar is too narrow in IE. I want it to be as long as the footer. I would be happy if someone could tell me what I put wrongly or didn’t put at all in my CSS.. Thanks!
(theme=Twenty Eleven, sidebar=”secondary”)http://f.cl.ly/items/2N432K3b123J190i1p03/Naamloos.jpg
My CSS:
#page {margin-top:0px; font-family:Helvetica Neue; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); margin-bottom:0;} body {font-family:Times; font-size:14px;} #content {width:500px; height:388px; opacity:1 !important; padding-left:30px;} #primary {height:579px; background:white !important;} #access a {color:#eeec73; font-size:15px; font-family:Helvetica Neue; width:67px; text-align:center; line-height: 7.333em; height:110px;} #secondary {margin-top:-6px; margin-right:-4px; border-left:none; max-height:400px; add_width:300px;} #branding {border-top:none;} #branding img {float:right;} #supplementary {border-top:0; padding: 1.325em 0%; } #site-generator {text-align:left; border-top:0px; background: rgba(255, 255, 255, 0.1); width:984px;} #site-generator a {margin-left:10px; color:white;} /* Two Footer Widget Areas */ #supplementary.two .widget-area { float: left; margin-right: 3.7%; width: 48.1%;} #primary {margin: 0 -26.4% 0 0; width: 61.9%; } #content {margin: 0 34% 0 0%; width: 90%; } #secondary {margin-right: 0%; width: 38.8%; } #secondary img {border:none; width:100%; height:579px;} #access div {margin-left: 10px;} #access img {width:379px; height:95px; background:transparent; margin-top:8px; color:white;} #access { background: transparent; clear: both; display: inline; float: left; margin:0; width: 1000px; height:110px; border-top:0; } #access li:hover > a, #access a:focus {background: rgba(255, 255, 255, 0.1); color:white; font-weight:500;} #access li:hover > a { background: rgba(255, 255, 255, 0.1); color:white; font-weight:300;} #access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a { background-color: rgba(255, 255, 255, 0.1); color:white; font-weight:300;} .entry-title { display: none;} .hentry, .no-results { border-bottom: 0px solid #DDDDDD;}
-
What theme are you using? Where did you download it from?
I’m using the standard Twenty Eleven theme of WordPress.
Site url?
[Content removed by poster]
Actually, you are using a child theme, yes? Try sorting out the markup errors. Then move onto the CSS errors in your child’s stylesheet.
http://codex.wordpress.org/Validating_a_Website
If you continue to have problems with IE, consider conditional comment CSSThanks! I’ll check that out 🙂
- The topic ‘IE not displaying my sidebar correctly’ is closed to new replies.