ellandrd
asked on
Firefox - Gradients
Im trying to get a Gradient to work in Firefox for our website. IE users see it, but Firefox, Opera & Netscape etc dont!
What im currently using is:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
</head>
<body style="filter:progid:DXIma geTransfor m.Microsof t.Gradient (endColors tr='#FFFFF F', startColorstr='#9EB3D1', gradientType='1');">
This is Firefox!!
</body>
</html>
Any chance somebody could help me out??
Ellandrd
p.s Im new to Firefox so be friendly
What im currently using is:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
</head>
<body style="filter:progid:DXIma
This is Firefox!!
</body>
</html>
Any chance somebody could help me out??
Ellandrd
p.s Im new to Firefox so be friendly
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
ok i was thinking so, but im still confused? if you view the M$ site in Firefox, the gradient is working fine and if you view source code, its showing the filter DX.
Would like to know how they are doing it??
i tried copying the code into textpad and viewing it, but it dont show up, but yet on M$, its shown...
Thanks for your comments
Ellandrd
Would like to know how they are doing it??
i tried copying the code into textpad and viewing it, but it dont show up, but yet on M$, its shown...
Thanks for your comments
Ellandrd
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Ahhh,
So i see! Mmmm, well its a change of plan for me now
Many Thanks
Ellandrd
So i see! Mmmm, well its a change of plan for me now
Many Thanks
Ellandrd
The standard way is to create a gradient image, and use it as a background, unfortunatly this will not streatch dynamically as content grows, as stated above you could use z-ordering to position an images behind the text, BUT i have experienced difficulties when sizing an image relatively (i.e. using a percentage), so you may need additional script to capture the size of the area, before sizing the image.
There is certainly no easy way to achieve the microsoft filter on cross browser audience.
Consider your audience, and which browser they are likely to use, remember although other browsers are gaining headway (at last) IE will still be the browser that most (hate the term but) 'non-techies' use.