By grohk on

I am using phptemplate and was having issues with pure CSS layout in Internet Explorer. Well, I finally got IE to layout my site well by using the marvin2k_hybrid theme, which uses tables for much of the content, but now Mozilla is having problems. I did not notice the problem at first, since I was using Safari, and it seems that Firefox 0.9 and Mozilla 1.7 are not having issues. But in Mozilla 1.6 and Firefox 0.8, all the content in the main center area is for lack of a better term "invisible". It is there, meaning the links are clickable and such, but you cannot see it. It seems that the gecko is having issues with the td instead of div tags for the main content...Anyone know why this could be happening?

my site is http://code0range.net

Comments

marky’s picture

marky commented

No problems here using (w2k) Opera 7.50 or IE6, but in Firefox 0.8 the symptoms you describe are visible some of the time - hitting refresh can hide or show the content, at random. The orange box and the grey post header background never appear.

Validating your css file shows you got a missing semi-colon in custom.css here:

#nodeFrame td { padding: 0 margin:0 }

Add it in and see if it makes a difference... and validate!

On a related note: the /images/term/49_summ.png used in the first post has a square white background in IE, thanks to that browsers lack of support for .png transparency. Try a .gif instead.

/marky

grohk’s picture

grohk commented

The correction to the CSS did not seem to fix the strangeness...I am going to have to try searching Bugzilla.

Also, thanks for the advise on not using transparent png since IE does not support it.