6 replies [Last post]
rogerxx
Offline
newbie
Last seen: 8 years 23 weeks ago
Timezone: GMT+2
Joined: 2012-06-12
Posts: 4
Points: 5

Hello everybody, I made a website nadiamasri.com/index.php and everything is ok on firefox and google chrome, but I got some trouble when opening internet explorer, i'm using mac os X and internet explorer 5.2 for mac.

I made 2 screenshots to show you:
http://img15.hostingpics.net/pics/953222Capturede769cran20120604a768172112.png
http://img15.hostingpics.net/pics/878181Capturede769cran20120604a768172134.png

so I have a green background instead of my picture.
The menu on the left is misaligned, the line height is too large etc.

I tried this code, on my style.css but didnt suceed:

/* Fallback for web browsers that doesn't support RGBa */
    03.
    background: rgb(0, 0, 0);
    04.
    /* RGBa with 0.6 opacity */
    05.
    background: rgba(0, 0, 0, 0.6);
    06.
    /* For IE 5.5 - 7*/
    07.
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    08.
    /* For IE 8*/
    09.
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);

Thanks a lot

Best

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Why are you supporting a

Why are you supporting a browser that has been dead for a long while now? Personally I would not entertain any requests for a web site to display on this browser.

IE for Mac was the default Mac browser from 1998 until replaced by Mac's own Safari browser in 2003 - this is ancient history in internet tech terms. MS discontinued all further support and development of this browser in 2005.

Is there a special reason you must support this browser?

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

rogerxx
Offline
newbie
Last seen: 8 years 23 weeks ago
Timezone: GMT+2
Joined: 2012-06-12
Posts: 4
Points: 5

thanks for your answer, its

thanks for your answer,
its not only on IE for mac. Its for all version of IE.
I would like the site to be able on all browser (at least chrome, firefox, safari & IE).

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 8 hours 18 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9774
Points: 3856

IE, as of the current

IE, as of the current versions, 8 & 9, are quite compliant with the standards. IE10(beta) is said to be on a par with the other major browsers. Assuming well formed html and compliant css, IE should perform pretty much without any issues. There are some problems with it applying a few of the css3 properties. If that's what you run into, give us the info, and it's likely we can help you.

As for the obsolete IE versions, if your client insists on supporting them, bill him big bucks for the annoyance and be sure he knows that equivalence with modern browsers is not possible; graceful failover is the goal.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

rogerxx
Offline
newbie
Last seen: 8 years 23 weeks ago
Timezone: GMT+2
Joined: 2012-06-12
Posts: 4
Points: 5

I just tried on a recent

I just tried on a recent version of IE with a PC and I made a screen:

so theres less problem, transparence is ok, theres just the menu on the left misaligned and the main box that is on top.

I think as you said, we can forgot to resolve the problem on IE 5.3

Thanks!

rogerxx
Offline
newbie
Last seen: 8 years 23 weeks ago
Timezone: GMT+2
Joined: 2012-06-12
Posts: 4
Points: 5

on indexhibit, theres an

on indexhibit, theres an "ie.css" beside the "style.css", maybe if you need it I can copy paste the code

thanks

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 8 hours 18 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9774
Points: 3856

Not tested

IE does margin collapse poorly. Add {padding-top: 1px;} to the body element.

A part of your problems lies with the poor structure of the document coupled with the use of absolute positioning. If you put the logo/home-link in its own container as a banner across the top, the vertical alignment of the sidebar and main content areas will take care of themselves.

The ul element has a default 40px left padding. If you remove it, you won't need to fiddle with negative margins on the ul or li elements.

Don't use the container class to hold the main content. It puts the content into an overflow condition. Set the width of the top element (which should be a heading, not a paragraph) instead.

Poor structuring leads to a lot of ad hoc fiddling with styles, not a Good ThingĀ®.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.