homepage Welcome to WebmasterWorld Guest from 54.161.185.244
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
Coding and CSS problems in certain broswers
laurasamps



 
Msg#: 4314574 posted 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#: 4314574 posted 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

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



 
Msg#: 4314574 posted 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

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



 
Msg#: 4314574 posted 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#: 4314574 posted 8:43 am on May 20, 2011 (gmt 0)

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

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved