IE6 CSS Layout not working

  • giles

    (@giles)


    19 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

Viewing 6 replies - 1 through 6 (of 6 total)
  • eridan

    (@eridan)

    19 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)

    Thread Starter giles

    (@giles)

    19 years ago

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

    Root

    (@root)

    19 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.

    Thread Starter giles

    (@giles)

    19 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;
    }

    mindsap

    (@mindsap)

    19 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!

    mindsap

    (@mindsap)

    19 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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘IE6 CSS Layout not working’ is closed to new replies.