Page 1 of 1

CSS Support in Mozilla 1.7.2

Posted: Wed Aug 25, 2004 3:55 am
by RadixDev
Hi,
I was just testing my website with Mozilla and Firefox (same engine right?). And some properties does not work :cry: Here's the CSS script for <TD>:

Code: Select all

td.left &#123;
	background-attachment: fixed;
	background-color: #99CCFF;
	background-image: url(library/graphics/bg.gif);
	background-repeat: repeat-y;
	background-position: left;
	border-left: 1px solid #006699;
&#125;
td.right &#123;
	background-attachment: fixed;
	background-color: #99CCFF;
	background-image: url(library/graphics/bg3.gif);
	background-repeat: repeat-y;
	background-position: right;
	border-right: 1px solid #006699;
&#125;
And property for <TH>:

Code: Select all

th.left &#123;
	background-attachment: fixed;
	background-image: url(library/graphics/bg2.gif);
	background-repeat: repeat-y;
	background-position: left;
	border: 1px solid #006699;
	border-right: 0px;
&#125;
th.right &#123;
	background-attachment: fixed;
	background-image: url(library/graphics/bg4.gif);
	background-repeat: repeat-y;
	background-position: right;
	border: 1px solid #006699;
	border-left: 0px;
&#125;
Now in IE6 it works perfect, everything as I want it to be... But in Mozilla/Firefox it doesn't work: Have a look here http://www.radix-dev.com. Now I've found this document and I dont really think its on there but just in case: http://www.mozilla.org/docs/web-develop ... -CSS1.html

Basically I think 'background-position' is not working correctly in Gecko engine... Somehow TH.left works but no other, others doesn't have backgrounds like it was ignored while rendering...

Regards,

Takuma

Posted: Wed Aug 25, 2004 10:10 am
by feyd
yeah.. the mozilla flavors seem to always hook the background attributes with the whole page instead of the element.. It's quite annoying..


btw, set a background color :P

Solutions?

Posted: Wed Aug 25, 2004 3:14 pm
by RadixDev
Any idea how I can emulate the same effect with a different method?

Posted: Wed Aug 25, 2004 3:26 pm
by feyd
your design seemed pixel locked.. so why not set them as such?

Posted: Wed Aug 25, 2004 4:09 pm
by RadixDev
It's locked with width but not height... doh. So <img> won't work (and it's made from a template I made with my own template script so it's kinda tough doin that way). Don't think Javascript can do it or PHP guess I gotta re-design for Gecko users... :cry:

Posted: Wed Aug 25, 2004 4:18 pm
by feyd
http://www.w3.org/TR/REC-CSS2/colors.ht ... d-position
sure looks like you can set the individual pixel locations...

Posted: Thu Aug 26, 2004 2:53 am
by RadixDev
Didn't see that, you mean specified the position using % right? tryin it out now

Posted: Thu Aug 26, 2004 2:59 am
by RadixDev
Found the cause its not positioning, its 'background-attachment: fixed;' this bit that was causing the problem...

Posted: Thu Aug 26, 2004 10:46 am
by RadixDev
another thing with Gecko, http://www.radix-dev.com/lounge/register.php, <TH align="center"> is somehow not working there..Any ideas? It works in other places but not there...

Posted: Thu Aug 26, 2004 11:06 am
by feyd

Code: Select all

class="right header"
Maybe it's me, but I don't remember that being legal..

as for table headers, I don't see any in there..

Image
It looks like they are aligning exactly like you asked, because the widths of the form rows are set.

still need to set a background color :roll:

Posted: Thu Aug 26, 2004 12:18 pm
by RadixDev
1+ class for tage - It seems to work for both Gecko and IE so i'm taking advantage :D

Table headers - sorry got it wrong its the bit which says - 'Account Information' 'Profile INformation' and the buttons they meant to be centred... btw how did you get to show the borders?

Thanks Feyd for your help

Tak

Posted: Thu Aug 26, 2004 1:24 pm
by feyd
how did you get to show the borders?
stored it locally and loaded the page.. nice and old but quick way of getting it :D