[HTML]+[CSS] IE problem, works fine in firefox

1,627 · September 17, 2005

Hey,

ok, well basically, its only a small thing but, it shows fine in firefox, but not ie (6 & 7)

Heres the code for you to test:

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">;html&gt;
&lt;head&gt;
&lt;title&gt;Techaholics&lt;/title&gt;
&lt;style type="text/css"&gt;
&lt;!--

#box {
	position:absolute;
	padding: 20px;
	left:20px;
	width:160px;
	top:20px;
	background: #2B547C url(box.png) top repeat-x;
	}
--&gt;
&lt;/style&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;
&lt;/head&gt;

&lt;body&gt;

&lt;div id="box"&gt;

 ?&lt;p&gt;Test&lt;/p&gt;
 ?&lt;p&gt;Test&lt;/p&gt;
 ?&lt;p&gt;Test&lt;/p&gt;
 ?&lt;p&gt;Test&lt;/p&gt;
 ?&lt;p&gt;Test&lt;/p&gt;
 ?&lt;p&gt;Test&lt;/p&gt;
 ?&lt;p&gt;Test&lt;/p&gt;
 ?&lt;p&gt;Test&lt;/p&gt;
 ?&lt;p&gt;Test&lt;/p&gt;
 ?&lt;p&gt;Test&lt;/p&gt;
 ?&lt;p&gt;Test&lt;/p&gt;
 ?&lt;p&gt;Test&lt;/p&gt;
 ?&lt;p&gt;Test&lt;/p&gt;
 ?&lt;p&gt;Test&lt;/p&gt;
 ?&lt;p&gt;Test&lt;/p&gt;
 ?&lt;p&gt;Test&lt;/p&gt;
 ?&lt;p&gt;Test&lt;/p&gt;
 ?&lt;p&gt;Test&lt;/p&gt;

&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;

And here is the image it needs (box.png):

As you see it shows fine in firefox, nice and smooth gradient, but in IE, it dosent, lol, why? and how do i fix it?

Thanks, Tim

September 17, 2005

It's because Internet Explorer hates the PNG format, replacing the PNG with a GIF makes things better.

1,627 · September 18, 2005

oh, thanks, :D

Tim

Sign In

[HTML]+[CSS] IE problem, works fine in firefox

Question

timsweb

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

IAIHMB

Link to comment

Share on other sites

timsweb

Link to comment

Share on other sites

Recently Browsing 0 members

Posts

Recent Achievements

Popular Contributors

Tell a friend

Company

Community

Social

Partners

Forums

News

Features

More

Themes