Sidebar CSS Alignment Issue

• 

  ashleegoodwin · Member · Mar 31, 2008 at 10:59 pm

  • Copy link
  • Add topic to favorites

  Hello! I’ve customized a blog design using the CSS tool. The only bit of trouble I’m having is getting the alignment of the sidebar to be cross browser compatible. It is correct on Firefox and Safari, mis-aligned on IE 7 and completely missing on IE 6. Here are the images of how it’s showing up:

  Firefox
  IE 7.0
  IE 6.0

  I have customized the the “Neat!” theme. The css relating to the sidebar placement is:

  #sidebar {
  	background-color:#333333;
  	width:175px;
  	color:#cccccc;
  	font-family:arial, verdana, sans-serif;
  	font-size:.8em;
  	line-height:1.4em;
  	z-index:6;
  	background:url('http://ashleegoodwin.files.wordpress.com/2008/02/greystripe3.gif');
  	padding-top:0;
  	padding-left:0;
  	padding-right:0;
  	margin:-288px 0 0 705px;
  }

  Are there any tips you could offer to fix this issue? Let me know if you need any more information. Thanks!

• 

  ashleegoodwin · Member · Mar 31, 2008 at 11:01 pm

  • Copy link

  Also, the site address is ashleegoodwin.wordpress.com