Sidebar CSS Alignment Issue

  • Author
    Posts
  • #208098

    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!

    #208333

    Also, the site address is ashleegoodwin.wordpress.com

The topic ‘Sidebar CSS Alignment Issue’ is closed to new replies.