WordPress.org

Forums

IE6 CSS Layout not working (7 posts)

  1. giles
    Member
    Posted 10 years ago #

    Hi there

    I am using a slightly modified version of Conestagostreet and just recently I have noticed that it is looking all weird in IE6 .. which when I modified it I don't remember happening. I have looked at the code and have no idea ...
    Is it worth me pasting my code .. or could someone help me out just by looking at it and pointing me in the right direction .. I can't figure out what is wrong with it .. http://giles.shaxted.co.uk/blog

  2. eridan
    Member
    Posted 10 years ago #

    I'm not using IE so I can't take a look at it. But I do know that IE's css implementation isn't the best, and you often need to make some changes only for IE.

    using @import url("style.css") should hide the stylesheet from old browsers and stuff, but I've heard it will import the file with horrible result. Try changing to @import "style.css" and it might look better (if you're lucky)

  3. giles
    Member
    Posted 10 years ago #

    That doesn't seem to help .. infact it makes the stylesheet completely ignored.

  4. Root
    Member
    Posted 10 years ago #

    Well using the import to defeat old browsers is hardly useful for IE 6. Sadly many of us havent got IE fitted at all so we cant see straight away what the problem is. Could you descibe the symptoms. Normally given a fix just to get my bearings I can just read the CSS.

  5. giles
    Member
    Posted 10 years ago #

    The problem is that the header is not aligning left below my very top navigation bar (the red strip) and the posts and right column are all then floating rioght of the headr image I have (the flash object)

    here is my CSS

    /*
    Theme Name: Conestogastreet
    Theme URI: http://www.conestogastreet.com
    Description: Everything happens on Conestoga Street
    Version: 1.0
    Author: Theron Parlin
    Author URI: http://www.thoughtmechanics.com/

    Copyright 2004 Sonny Parlin, http://www.conestogastreet.com/

    */
    body {
    background: #fff;
    font:x-small Verdana,Georgia,Serif;
    text-align:left;
    color:#666;
    font-size: 11px;
    line-height: 16px;
    margin: 0;
    }

    .column {
    width:600px;
    text-align:justify;
    }

    .jtop {
    background: #000;
    margin-top:23px;
    }

    .post {
    padding-left:10px;
    }

    .meta {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    color: #666;
    padding-bottom: 0px;
    text-align: left;
    }

    h2 {
    color: #666;
    font-size: 14px;
    text-align: left;
    }

    .metaBottom {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    color: #666;
    padding-bottom: 10px;
    text-align: center;
    }

    h3 {
    font-family: Georgia, Verdana, Arial;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 0px 0;
    padding-top: 10px;
    text-align: left;
    color: #14558E;
    }

    h1 {
    font-family: Georgia, Verdana, Arial;
    font-size: 32px;
    font-weight: normal;
    margin: 0 0 0px 0;
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #999999;
    color: #000;
    text-align: left;
    }

    hr {
    border: 0;
    height: 1px;
    }

    hr.hr1 {
    color: #999;
    background-color: #999;
    height: 1px;
    }

    .archives {
    margin-top: 30px;
    padding-bottom: 0px;
    padding-left: 28px;
    margin-bottom: 0px;
    text-align: left;
    width: 150px;
    color: #000;
    }

    form {
    margin-bottom: 0px;
    }

    input, textarea {
    size: 15;
    }

    ul {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    }

    li {
    list-style-type: none;
    margin-left: 0px;
    }

    blockquote, blockquote p {
    text-indent: 0px;
    margin-bottom: 7px;
    color: #14558E;
    }

    a {
    color: #14558E;
    }

    a:visited {
    color: #5E6F7E;
    }

    a:hover {
    color: #394651;
    }

    .lineSep {
    border-top: 1px solid #999999;
    width: 100%
    }
    .navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }
    .alignright {
    float: right;
    }

    .alignleft {
    float: left
    }
    .jphotoleft {
    text-align:center;
    float:left;
    padding:4px 4px 4px 4px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #000;
    }
    .jphotoright {
    text-align:center;
    float:right;
    padding:4px 4px 4px 4px;
    margin-left: 5px;
    margin-bottom: 5px;
    border: 1px solid #000;
    }
    .mid {
    text-align:center;
    margin:5px auto;
    padding:4px 4px 4px 4px;
    border: 1px solid #000;
    }

  6. mindsap
    Member
    Posted 10 years ago #

    I'll tag on to the end of this one.
    I just found out my testing site has this issue as well.
    http://family.ncambium.com/admin/

    It's a theme I downloaded and only slightly modified. (wuhan)

    what gives?

    If you need css posted.. just lemme know!

  7. mindsap
    Member
    Posted 10 years ago #

    Never mind for me... for some damn reason.. this particular theme didn't come with the needed style-ie.css it needs. I thought people just hacked their CSS to make it all work in one anymore these days!?!

    Assume.. we know what that does

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.