/    Sign up×
Community /Pin to ProfileBookmark

Help make my site IE6 compatible…firefox is fine, Newb

Copy linkTweet thisAlerts:
Mar 13.2009

Hello Forum,

I’ve got my virtual LAMP server up and running. I modified a template and put up a website. [url]http://jeffstory.org[/url]

My problem is with IE. Iit doesn’t load the header images on the home and history pages, but works on the hardware page fine. It also works with Firefox fine.

I used Tidy via terminal today as a last resort on my index.html file, still not correct IE!!! I’ve been looking for a fix for days!!!

Thanks,
Jeff

to post a comment
HTML

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@WebJoelMar 14.2009 — ....My problem is with IE. Iit doesn't load the header images on the home and history pages, but works on the hardware page fine. It also works with Firefox fine.[/QUOTE]
Whenever I read "image won't show" and "IE 6" in the same post, I immediately think that it is because you are using a *PNG image with alpha-transparency. I checked your CSS and yes, you are using *PNG images.

I only have IE7 from the InternetExploder browser family to work with, but I'm guessing that this is it. There is a 'fix' for this that you can use. Or, a general 'make IE6 act like IE7+' bailout link... this:

<!--[if lt IE 8]>

<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>

<![endif]-->[/QUOTE] place before the "[B]</head>[/B]" of your HTML document might do the trick. This is a perma-link that feeds 'patches' into the document to force the trouble-child IE6 browser to behave 'compliantly' although *sometimes* it causes as much problem as it prevents. Give it a try.

P.S.:

You have a "[B]float:center;[/B]" in your code. #stuff {

background: #000;

[B]float:center;[/B]

margin: 10px 10px 10px;

padding: 0px 0px 100px 5px;

}[/QUOTE]There is no such declaration for the selector "float". You can have "left", "right" or "none".
Copy linkTweet thisAlerts:
@jeff_storyauthorMar 14.2009 — Whenever I read "image won't show" and "IE 6" in the same post, I immediately think that it is because you are using a *PNG image with alpha-transparency. I checked your CSS and yes, you are using *PNG images. .[/QUOTE]

Thanks WebJoel,

Yes, I hava a mix of image format's...for no good reason.

Would it be more cross browser complient to use jpg images, or is there an image format that is more "browser friendly".

Or would the </head> patch be the way to go.

I can convert the images to any format. I'm not sure of the alpha-transparency of the pic's. I use Krita, and have merged the hardware page, header using layers, etc. Most of the other pic's, I just resized, etc.

I'm at work tonight, so tomorrow, I'll convert all the images to the same format.
×

Success!

Help @jeff_story spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.24,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...