WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Sidebar Moved Over in IE7 (4 posts)

  1. Rense
    Member
    Posted 6 years ago #

    My theme ( http://allirense.com/testblog ) looks fine in Firefox and Safari, but in IE the sidebar text is moved over about 50 or so pixels to the right and thus isn't matched up to the red background.

    Any advice?

  2. drewactual
    Member
    Posted 6 years ago #

    there are a couple of negative padding declarations in your css... IE doesn't like or play well with negatives too well. Yo may want to find a way around them.

    example:

    #navlist a:link, #navlist a:visited
    { padding-left: 15px;
    color: blue;
    background: url(http://allirense.com/redstarbullet.gif);
    background-position: 0 -28px;
    background-repeat: no-repeat;
    }

    you could float that right and achieve the same thing and use positive padding on the right side to offset the difference.

    give that a shot and let me know how it turns out...

  3. Rense
    Member
    Posted 6 years ago #

    Hi, and thanks! I appreciate your suggestion. There is a specific reason why that particular negative padding declaration is in there. My sidebar does not have a negative padding declaration or the background image thereof (for displaying the red background):

    Sidebar CSS:

    #sidebar {
    	float: right;
    	padding: 5px;
    	width: 190px;
    	font-size: 9pt;
    	color: #fff;
    }
    #sidebar a {
    	color: #999;
    	text-decoration: none;
    }
    #sidebar a:visited {
    	color: #999;
    	text-decoration: none;
    }
    #sidebar a:hover {
    	color: #6699ff;
    	text-decoration: underline;
    }
    #sidebar img {
    	border: 0;
    	margin: 0;
    	padding: 0;
    }

    Background image CSS:

    #main {
    	position: relative;
    	width: 800px;
    	height: 100%;
    	left: 25px;
    	background-color: #fff;
    	background-image: url('http://allirense.com/sideback.gif');	background-repeat: repeat-y;
    	background-position: 100%;
    }

    To see the rest of the css, go here: http://allirense.com/testblog/wp-content/themes/hacdc/style.css

  4. Rense
    Member
    Posted 6 years ago #

    It's fixed. I just played with my sidebar CSS until I got it working again.

Topic Closed

This topic has been closed to new replies.

About this Topic