IE6 CSS Layout not working

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)

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

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.

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: https://www.conestogastreet.com
Description: Everything happens on Conestoga Street
Version: 1.0
Author: Theron Parlin
Author URI: https://www.thoughtmechanics.com/

Copyright 2004 Sonny Parlin, https://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;
}

I’ll tag on to the end of this one.
I just found out my testing site has this issue as well.
https://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!

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