TECH more IE css help

[themolsen]

www.techonvent.net/tovportal

just working on this project, and I can't get the right column to line up top with the left column in IE. I've tried clear:left and right and both and position:relative and absolute all over the place in template.css. and I'm really just at my wit's end. I know it has SOMETHING to do with either "clear" or "position" but I can't figure out what or where exactly.

I've learned much from this forum, but it's time I learn more. So what's the dealio? please help

here's where I think the problem could be:

#leftcolumn {
    padding: 0;
    margin-top: 10px;
    width: 250px;
    float:left;
    border-right-style:double;
    border-right-color:#CCCCCC;
    border-right-width:thin;
}

#maincolumn,
#maincolumn_full {
    margin-left: 250px;
    padding-left: 15px;
    width: 630px;
}


table.nopad {
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
}

table.nopad td.middle_pad {
    width: 20px;
}

.module-hilite4 {
background-color: #dfebf8;
padding: 8px;
margin-bottom:10px;
margin-right: 8px;
}

 

[White Stormy]

you have margin-top: 10px; on the left column but not on the main column..

either take it off the left column or add it to the main column

 

[themolsen]

that didnt work

 

[White Stormy]

oh I just realized you were talking about an IE problem. hold on

 

[White Stormy]

it's probably just a width problem. IE applied widths differently than FF and others.. the easiest way I've seen to avoid the problem is not to apply padding, margins, and maybe borders on a div that also has a width set. just make an outer div with the width and an inner div with the other things..

 

[White Stormy]

are all 5 stylesheets being applied to the one page? if I were to download them to test it on my machine.. which ones would I need?

 

[themolsen]

i'm pretty sure all 5 are

 

[White Stormy]

btw you are definitely NOT validating

http://validator.w3.org/check?uri=http://www.techonvent.net/tovportal/

http://jigsaw.w3.org/css-validator/validator?uri=http://www.techonvent.net/tovportal/
only one CSS error, though. I think you meant cursor: pointer;

 

[themolsen]

it's an old joomla template we just pulled out of the closet to try out

and look at what a bulk of the errors actually are....most aren't a big deal

 

[White Stormy]

I replaced the margin-left property in #maincolumn with float:right and then it works fine in IE7 but no longer works in Chrome/FF3.. I'm sure there's another fix to get it working in both IE and FF.. but you could add that as an IE7 conditional and have it working in just a few seconds instead of spending more time on it

 

[themolsen]

I replaced the margin-left property in #maincolumn with float:right and then it works fine in IE7 but no longer works in Chrome/FF3.. I'm sure there's another fix to get it working in both IE and FF.. but you could add that as an IE7 conditional and have it working in just a few seconds instead of spending more time on it

sweet... will do. thanks a bunch