WordPress.org

Ready to get started?Download WordPress

Forums

How to align sidebar in style.css....? (4 posts)

  1. ivyology
    Member
    Posted 6 years ago #

    Hi guys,

    I've been having trouble with this for weeks... My sidebar looks perfect in Firefox but my friend has told me it overlaps my posts in Internet Explorer (although when I view my site in IE it looks ok, maybe she's using a different version of IE..?)

    I've been messing around with my style.css file but can't seem to fix this problem. Which part of the .css file should I be editing? Any help is greatly appreciated :)

    My site: http://www.ivyology.com

    This is my style.css file;

    /*
    Theme Name: WordPress Theme Generator
    Theme URI: http://www.yvoschaap.com/wpthemegen/
    Description: WordPress Custom Theme for headTitle created with the WordPress Theme Generator. To edit your current theme go: edit settings.
    Version: 10 Apr, 9:20
    Author: W.P. Gen
    Author URI: http://www.yvoschaap.com/

    */

    html>body #content {
    height: auto;
    min-height: 580px;
    }

    body{
    font-family: verdana;
    font-size: 90%;
    line-height: 115%;
    background-color: #A05CC4;
    background-image: url(/);
    background-repeat: repeat;
    background-position: center top;
    text-align: center;
    }

    body,td,th {
    color: #000000;
    }

    #doc {
    width: 700px;
    }

    a, a:link {
    padding: 1px;
    color: #26AB31;
    text-decoration: none;
    }

    a:hover {
    color: #A05CC4;
    text-decoration: none;
    SP_HOVERLINK;
    }

    h1 {
    font-family: verdana;
    font-weight: bold;
    font-size: 150%;
    padding-top: .1em;
    padding-bottom: .5em;
    }

    h2 {
    font-family: verdana;
    font-weight: bold;
    font-size: 100%;
    }

    h3 {
    font-family: verdana;
    font-size: 120%;
    }

    h4 {
    font-size: 120%;
    }

    p {
    font-size: 90%;
    margin-bottom:1em;
    }

    strong, b {
    font-weight: bold;
    }

    em, i {
    font-style: italic;
    }

    code {
    font: 1.1em 'Verdana', Verdana, Fixed;
    }

    acronym, abbr
    {
    font-size: 0.9em;
    letter-spacing: .07em;
    }

    a img {
    border: none;
    }

    #hd{text-align: center;padding-top: 24px;padding-bottom: 24px}

    }
    #hd h1{
    font-size: 290%;
    color: #FFFFFF;

    }

    #hd h1 a{
    text-decoration: none;
    color: #FFFFFF;
    }

    h3 a:link, h3 a:hover, h3 a:visited{
    color: #26AB31;
    }

    .item {
    padding: 20px;
    background-color: #FFFFFF;
    background-image: url(/);
    background-repeat: repeat;
    text-align:left;
    border: 5px double #A05CC4;
    margin-bottom: 1em;
    margin-right: 1em;

    }

    .item ul {
    list-style-type: disc;
    padding-left: 15px;
    margin-left: 10px;
    font-size: 80%;
    }

    .item ol{
    list-style-type: decimal;
    padding-left: 15px;
    margin-left: 10px;
    font-size: 80%;
    }

    .itemhead{
    padding-top: 8px;
    padding-bottom: 15px;
    }

    .chronodata {

    text-align: left;
    margin-left: 2em;
    font-size: 80%;
    color: #A05CC4
    }

    .itemhead h3{
    display: inline;
    }

    input{
    font-size: 80%;
    }

    .metadata{
    line-height: 190%;
    font-size: 75%;
    }

    .metadata a:link, .metadata a:hover, .metadata a:visited{
    color: #26AB31;
    }

    .tags, .catagory {

    display: block;

    }

    .commentlist p {
    clear: both;
    font-size: 95%;
    }

    cite{
    font-size: 95%;
    }

    blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 20px;
    border-left: 5px solid #ddd;
    }

    blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

    .commentmetadata {
    font-size: 80%;
    float: right;

    }
    .commentlist {
    margin-top: 5px;
    }
    .commentlist li {
    padding: 2px;
    border-top: 1px solid #FFFFFF;
    }

    .navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #FFFFFF;
    }

    .navigation a:link, .navigation a:hover, .navigation a:visited{
    color: #FFFFFF;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left
    }

    #secondary, #third{
    background-color: ;
    background-image: url(/);
    background-repeat: repeat;
    text-align:left;
    padding: 0px;
    border: 0px #FFFFFF;
    SP_GRADIENT
    }

    #secondary h4, #third h4{
    color: #FFFFFF;
    font-family: verdana, verdana, verdana;
    margin-top: 35px;
    padding: 3px;
    }

    #secondary p, #third p{
    padding: 3px;
    font-size: 70%;
    }

    #searchform {
    clear: both;
    margin-bottom: 5px;
    margin-left: 17px;
    padding: 30px;
    }

    #third {
    margin-left: 9px;
    }

    #menu {padding:0; border:0px solid #fff }
    #menu ul {list-style:none; margin:0; padding:0; font-size:100%; }
    #menu ul li { padding:0; margin:0; border-bottom:2px solid #FFFFFF; }
    #menu ul li a { display:block; padding:8px 4px 4px 15px; text-decoration:none; color: #FFFFFF; }
    #menu ul li a:hover { color:#FFFFFF; background: #26AB31; }

    li .categories, li .linkcat, li .pagenav {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

    .yui-nav{
    margin-bottom: -1px;
    }

    .yui-navset .yui-nav a:hover {
    background-color: #26AB31;
    color: #FFFFFF;
    }

    .yui-navset .yui-nav li a {
    background-color: #FFFFFF;
    background-image: url(/);
    background-repeat: repeat;
    border-bottom: 0px;
    color: #FFFFFF;
    padding: .3em .7em .3em .7em;
    text-decoration:none;
    font-size: 85%;
    }

    #wp-calendar {
    empty-cells: show;
    font-size: 90%;
    margin: 0;
    width: 90%;
    padding: 3px;
    }

    #wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }

    #wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }

    #wp-calendar a {
    display: block;
    text-decoration: none;
    }

    #wp-calendar td {
    color: #FFFFFF;
    font-size: 70%;
    letter-spacing: normal;
    padding: 2px 0;
    text-align: center;
    }

    #wp-calendar #today {
    background: ;
    color: #26AB31;
    }

    #wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }

    #ft {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #FFFFFF;
    }

    #ft a:link, #ft a:hover, #ft a:visited{
    color: #FFFFFF;
    }

  2. ivyology
    Member
    Posted 6 years ago #

    I solved the problem - I got a new theme, haha.

  3. Ivovic
    Member
    Posted 6 years ago #

    lol.. that works ;)

    I have to say though, it's hard to diagnose version-related problems when you can't see them yourself.

    I wonder if there's a way to run IE7 in IE6 mode...

  4. ivyology
    Member
    Posted 6 years ago #

    Yeah, I know! I think maybe she needed to clear her cache..? I don't know.. Oh well :P

Topic Closed

This topic has been closed to new replies.

About this Topic