Rose and Frankie Meehan wrote:
> I've created a site using a slightly modified version of a template from Free
> CSS Templates <http://www.freecsstemplates.org/>. It's a two-column layout
> (or at least I *think* it is!). On my own computer at least, it works fine
> in Firefox but in IE7 (and I assume, earlier versions too) there is a
> problem. The top of the left column fails to align with the top of the right
> column - i.e. *the left column appears way down the page, only starting at
> the level of the right column's last line*. NOTE: There is no problem with
> the footer.
>
> My site url is: http://www.tesoltasks.com
>
>
I do not know the specific reason you're getting a "float-drop" in the
lower IEes.
Without ripping it, this is an easy means to bring IE/5.5, IE/6, and
IE/7 on-board.
#sidebar { border: 1px solid red;
float: left; <----------------- :: delete
position: absolute; <------ :: add ::
top: 20px; <---------------- :: add ::
left: 0; <--------------------- :: add ::
}
#wrapper {
position:relative; <-------- :: add ::
}
Aside:
Validate the markup. Given you provided an uri, anyone can open your CSS
file.
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
