6 replies [Last post]
kryddsill
Offline
newbie
Sweden
Last seen: 15 years 35 weeks ago
Sweden
Timezone: GMT+1
Joined: 2004-01-22
Posts: 3
Points: 0

Hey everyone, first time poster here! Wink

I thought I would give xhtml and css a go, instead of using old mangled tables (I guess you guys know what I'm talking about). Anyway, I wrote the whole thing in OS X using Safari (which uses KHTML) and Firebird (resp. Gecko) for testing. All my code validated (yay, on my first try and everything).

However, I had a windows friend check it out for me, and the only thing that came up was the background. I know that some content came up on Internet Explorer at an earlier stage (eventhough placement of boxes was a big problem). Now I get nothing. I tried googling and searching the forums, but to no avail.

the address to the test-side for now is http://www.kryddsill.net/beta . All the code is really simple and small, and I can't really understand what I have done wrong. I guess I can just remove the CSS-file, since the site instantly becomes usable Smile

background-image : url(../images/face.png);
background-repeat : no-repeat;
background-attachment: scroll;
background-position: right top;
background-color: #CDD8DD;

that is what the background part in the body tag looks like. It works exactly the way I want it to on both Safari and Firebird. So any links or suggestions on what to do is greatly appreciated!

Thanks in advance,
Rasmus the noob

firstreflex
firstreflex's picture
Offline
Enthusiast
Brooklyn USA
Last seen: 12 years 29 weeks ago
Brooklyn USA
Timezone: GMT-5
Joined: 2003-10-21
Posts: 104
Points: 0

Background problems?

hmmm...not working in Opera either.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 5 days 5 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Background problems?

Hi kryddsill,
IE has bad support for png images and especially transparency in png image.
So your problem is most likely to be with them or the javascript.

Hope that helps

kryddsill
Offline
newbie
Sweden
Last seen: 15 years 35 weeks ago
Sweden
Timezone: GMT+1
Joined: 2004-01-22
Posts: 3
Points: 0

Background problems?

I doubt that the png support in IE is doing it, since I've been using png's all along, and it was actually working (well, somewhat) before. I even added some javascript to fix that, and that worked too (until I bogged up somewhere along the way). All the content should show up over the background, regardless of transparency working in the pngs. The worst case scenario should be that the pictures transparency is grey, instead of transparent, right?

Rasmus

briski
briski's picture
Offline
Elder
London
Last seen: 7 years 14 weeks ago
London
Timezone: GMT+1
Joined: 2004-02-16
Posts: 1066
Points: 0

Background problems?

Not totally sure that this is a CSS problem, if you remove all the CSS styles it still does not display content. However if you remove the

<script language="javascript" src="http://www.kryddsill.net/beta/pnghack.js" type="text/javascript" />

from the HTML it works a lot better, clearly it's not quite that you wanted as there is no transparencty but at least it's readable, and as someone mentioned IE has problems with PNG files so this might be the best you can get.

It's not a solution but might help you find it
Wink

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 15 years 44 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

Background problems?

Change

<script language="javascript" src="pnghack.js" type="text/javascript" />

to

<script language="javascript" src="pnghack.js" type="text/javascript"></script>

IE needs the ending </script>

Regards
Day

The only way to learn is to do it yourself

kryddsill
Offline
newbie
Sweden
Last seen: 15 years 35 weeks ago
Sweden
Timezone: GMT+1
Joined: 2004-01-22
Posts: 3
Points: 0

Background problems?

thanks for the help everyone! however, this has since long been fixed, however the online version isn't up to date with my work-draft. Hope this can teach someone else to not be so clutsy to forget to put in end-tags! xhtml-101!! Laughing out loud