Hey everyone, first time poster here!
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
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
Background problems?
hmmm...not working in Opera either.
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
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
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
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
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!!