Jump to content

IE not displaying my sidebar correctly (WordPress)


gehaktmolen

Recommended Posts

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! PS: I made it in WORDPRESS, theme=Twenty Eleven, sidebar="#secondary"

http://f.cl.ly/items/2N432K3b123J190i1p03/Naamloos.jpg

My child-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;}

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...