CSS Support in Mozilla 1.7.2

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
RadixDev
Forum Commoner
Posts: 66
Joined: Sun Mar 14, 2004 11:27 am
Location: U.K.

CSS Support in Mozilla 1.7.2

Post 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
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post 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
RadixDev
Forum Commoner
Posts: 66
Joined: Sun Mar 14, 2004 11:27 am
Location: U.K.

Solutions?

Post by RadixDev »

Any idea how I can emulate the same effect with a different method?
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post by feyd »

your design seemed pixel locked.. so why not set them as such?
RadixDev
Forum Commoner
Posts: 66
Joined: Sun Mar 14, 2004 11:27 am
Location: U.K.

Post 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:
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post by feyd »

http://www.w3.org/TR/REC-CSS2/colors.ht ... d-position
sure looks like you can set the individual pixel locations...
RadixDev
Forum Commoner
Posts: 66
Joined: Sun Mar 14, 2004 11:27 am
Location: U.K.

Post by RadixDev »

Didn't see that, you mean specified the position using % right? tryin it out now
RadixDev
Forum Commoner
Posts: 66
Joined: Sun Mar 14, 2004 11:27 am
Location: U.K.

Post by RadixDev »

Found the cause its not positioning, its 'background-attachment: fixed;' this bit that was causing the problem...
RadixDev
Forum Commoner
Posts: 66
Joined: Sun Mar 14, 2004 11:27 am
Location: U.K.

Post 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...
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post 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:
RadixDev
Forum Commoner
Posts: 66
Joined: Sun Mar 14, 2004 11:27 am
Location: U.K.

Post 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
User avatar
feyd
Neighborhood Spidermoddy
Posts: 31559
Joined: Mon Mar 29, 2004 3:24 pm
Location: Bothell, Washington, USA

Post 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
Post Reply