| Coding and CSS problems in certain broswers
|
laurasamps
msg:4314576 | 10:10 am on May 19, 2011 (gmt 0) |
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
msg:4314838 | 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
msg:4314857 | 6:17 pm on May 19, 2011 (gmt 0) |
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
msg:4314926 | 9:11 pm on May 19, 2011 (gmt 0) |
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
msg:4315152 | 8:43 am on May 20, 2011 (gmt 0) |
Thanks guys, I'll give your suggestions a go :)
|
|
|
