Welcome to WebmasterWorld Guest from 54.160.131.144

Forum Moderators: incrediBILL

Message Too Old, No Replies

Coding and CSS problems in certain broswers

     

laurasamps

10:10 am on May 19, 2011 (gmt 0)

5+ Year Member



Hi guys,

I have made a website heavily reliant on tables, but with the border colour set to transparent so they are not visible to the user.

This works correctly, however on Firefox they show as white.

The coding I have used is: bordercolor="transparent"

Secondly, in Chrome, my CSS doesn't work properly; just one line is size 24 (correct) when the page is loading, and then quickly drops to size 12 (incorrect) when the page is fully loaded. Again this only happens in Chrome, no other browers are affected.


Any ideas on a fix for these problems?

Seo_Mike

5:58 pm on May 19, 2011 (gmt 0)



Try converting your content with Divs, I know it may a lot of work initially, however the rewards are worth it.

As far as the chrome issue goes, that is out of my expertise sorry.

rocknbil

6:17 pm on May 19, 2011 (gmt 0)

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Does the document validate?

with the border colour set to transparent


Did you/can you set border="0" to dispense with it entirely?

ust one line is size 24 (correct) when the page is loading, and then quickly drops to size 12 (incorrect) when the page is fully loaded.


Is there any Javascript at play?

If not, it almost sounds like a specificity problem. Let's say you have

#header .somestyle

Which means for the class somestyle inside the object ID'ed as header, apply a rule. Then later in the css you might have

.somestyle

for some different element. Normally the .somestyle inside #header would be more specific and stick, but the second rule might be overwriting the first. It could be something LIKE that anyway, start removing CSS on trial and error.

Or, because of the delay, you might have some ad or something being included in the page affecting the applied styles.

lucy24

9:11 pm on May 19, 2011 (gmt 0)

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



Do you need to say anything at all about borders? The default in tables is supposed to be no borders at all, written as "none". If you're meeting a lot of non-compliant browsers, a global

table {border: none;}
td {border: none;}

should help make your point.

Caution! Don't confuse "none" with "hidden [w3.org]", which means "make any existing borders invisible, no matter how fat or emphatic they are". The basic "none" has bottom priority, while "hidden" is at the top.

laurasamps

8:43 am on May 20, 2011 (gmt 0)

5+ Year Member



Thanks guys, I'll give your suggestions a go :)