I actually meant to use conditional comments to serve IE5.5 different rules from everything else. So put back whatever you had for the page to start with and then add something like this below all your other styles:

        <!--[if lt IE 6]>
                <style type="text/css" media="screen">
                        div#wrapper {
                                position: relative;
                                float: none;
                                width: auto;
                        }
                        #news_left {
                                margin-right: 220px;
                        }
                        #news_left p {
                                margin-left: 160px;
                        }
                        #news_right {
                                position: absolute;
                                right: 0;
                                top: 70px;
                                width: 220px;
                                margin: 0;
                                padding: 0 0 0 5px;
                        }
                </style>
        <![endif]-->

On Tue, 05 Dec 2006 13:09:42 +1000, Bojana Lalic <[EMAIL PROTECTED]> wrote:

Hi John

Setting the news_right position to absolute hides the right column in IE
5.5 altogether and stuffs up the layout in other browsers. Setting the
right margin on news_left didn't do much either :(
This is what it now looks like:
http://pre2005.flexiblelearning.net.au/temporary.html

Any help would be greatly appreciated.

In regards to the stylesheets list, I'm currently in the process of
cleaning it up ;)


Cheers

Bojana

-----Original Message-----
From: listdad@webstandardsgroup.org
[mailto:[EMAIL PROTECTED] On Behalf Of John Faulds
Sent: Tuesday, December 05, 2006 12:01 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] display problem with IE 5.5

That has to be the biggest list of stylesheets I've ever seen attached
to
one page! Is there really a need to have that many?

As far as the problem goes, for IE5.5 you might have to give #news_left
a
margin-right and then use position: absolute on #news_right.

On Tue, 05 Dec 2006 10:58:09 +1000, Bojana Lalic
<[EMAIL PROTECTED]> wrote:

Hi all


I've got a three column layout (navigation + main content + right
column). The navigation and the right column are fixed and the main
content (middle) is liquid. It all looks fine in firefox, IE 6 and
most
all other browsers except for IE 5.5. And I really need to get it to
display properly in IE5.5 :-(


How do I fix the display problem in IE 5.5?


Here is the page:

http://pre2005.flexiblelearning.net.au/temporary.html


And this is what it looks like in ie 5.5:

http://pre2005.flexiblelearning.net.au/ie5.5.gif

Regards

Bojana


________________________________________________________________________
_________________________________

IMPORTANT: This e-mail, including any attachments, may contain private

or confidential information.
If you think you may not be the intended recipient, or if you have
received this e-mail in error,
please contact the sender immediately and delete all copies of this
e-mail. If you are not the intended
recipient, you must not reproduce any part of this e-mail or disclose

its contents to any other party.
This email represents the views of the individual sender, which do not

necessarily reflect those of
education.au limited except where the sender expressly states
otherwise.
It is your responsibility to scan this email and any files transmitted

with it for viruses or any other
defects.
education.au limited will not be liable for any loss, damage or
consequence caused directly or indirectly by this email.



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************






--
Tyssen Design
Web & print design services
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to