problems seeing sidebar in IE

• 

  beemeister · Member · Dec 18, 2008 at 9:30 pm

  • Copy link

  Sorry, I should have warned you. Stay with Sandbox…since you stared coding it for the original. Sandbox-10 does not have the three column skin you were basing your CSS on.

• 

  devblog · Member · Dec 18, 2008 at 9:31 pm

  • Copy link

  ok, lunch time is coming so… let me see what I can do.

• 

  devblog · Member · Dec 18, 2008 at 9:33 pm

  • Copy link

  Well, the code I posted was for sandbox-10… all it needs are some adjustments.

  lunch time is coming so, I’ll see what I can do.

• 

  beemeister · Member · Dec 18, 2008 at 9:34 pm

  • Copy link

  Hmm…it worked for Sandbox. Must be similar enough.

• 

  devblog · Member · Dec 18, 2008 at 10:24 pm

  • Copy link

  okay, try this:

  body {
  background:#eee url('http://www.aardvarkdesign.com/provChamber/expo_09/lines.gif') 0 0 repeat-y;
  font:normal 1em Arial, Helvetica, sans-serif;
  margin:0;
  }
  
  img#wpstats {
  position:absolute;
  top:-99px;
  }
  
  #wrapper {
  width:950px;
  height:100%;
  background:#fff;
  clear:both;
  overflow:hidden;
  font:normal .75em Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  }
  
  #header {
  background:#fff url('http://www.aardvarkdesign.com/provChamber/expo_09/header.jpg') 0 0 no-repeat;
  width:950px;
  height:283px;
  display:block;
  overflow:hidden;
  margin:0;
  }
  
  #blog-title,#blog-description {
  display:none;
  }
  
  #menu {
  display:none;
  }
  
  #nav-above {
  display:none;
  }
  
  #container {
  width:100%;
  background:transparent;
  float:left;
  clear:both;
  overflow:hidden;
  }
  
  #content {
  background:#fff;
  width:500px;
  overflow:hidden;
  margin:0 0 0 202px;
  padding:10px;
  }
  
  #content h2 {
  font-size:1.5em;
  margin:0 0 15px;
  padding:0;
  }
  
  #content p {
  text-align:justify;
  }
  
  #content pre,#content code {
  font:normal 1em 'Courier New', Courier, Fixed, monospace;
  color:#039;
  }
  
  #content a {
  color:#5F6A86;
  text-decoration:none;
  }
  
  #nav-below {
  clear:both;
  overflow:hidden;
  margin:20px auto;
  }
  
  #primary,#secondary {
  float:left;
  overflow:hidden;
  background:transparent;
  padding:5px 10px;
  }
  
  #primary h3,#secondary h3 {
  color:#BDB6A3;
  text-align:center;
  font-size:1.2em;
  margin:10px auto 5px;
  padding:0;
  }
  
  #primary a,#secondary a {
  color:#9AABBC;
  text-decoration:none;
  }
  
  #primary {
  width:150px;
  margin:0 0 0 -950px;
  }
  
  #secondary {
  width:191px;
  margin:0 0 0 -213px;
  }
  
  #primary ul,#secondary ul {
  margin:0;
  padding:0;
  }
  
  #primary ul li,#secondary ul li {
  list-style:none;
  }
  
  #header,#footer {
  clear:both;
  }
  
  #footer {
  text-align:center;
  margin:0;
  padding:10px 0 0;
  }
  
  .skip-link {
  display:none;
  }

  This is some basic code, but the layout works. I tested it and it looks good in IE6 too.

  You, of course, will need to style other elements (i.e. link, etc)

• 

  devblog · Member · Dec 18, 2008 at 10:31 pm

  • Copy link

  Hmm…it worked for Sandbox. Must be similar enough.

  Yes, they should but there are many things that changed. I mean, some of the elements have the same ID or Class attributes, but one of the elements that have “changed” significantly are the sidebars, so some selectors have to be redefined.

• 

  beemeister · Member · Dec 18, 2008 at 10:54 pm

  • Copy link

  I see.

• 

  gpccexpo09 · Member · Dec 23, 2008 at 3:23 pm

  • Copy link

  Hey Thanks for the help guys…. The blog is looking great!