By rapture@coerce.net on

Any CSS guru's want to take a look at this? I appreciate any help in advance. Thank you.

The site: www.cookedgamers.net running Drupal 4.3.2 and Xtemplate.

The issues:
#1) IE gives a "flash" of CSS-less content on page load and when opening new pages within my site. Does not happen in Mozilla Firebird.
#2) Calendar border not appearing in Mozilla Firebird, appears in IE.
#3) Listed items (li) appear indented several pixels to the right in Mozilla Firebird. Appears normal in IE.

Background: CSS file is: www.cookedgamers.net/themes/xtemplate/temp.php.

Comments

Steven’s picture

Steven commented

The CSS-less flash is called the "flash of unstyled content". There are several solutions which you should be able to find through some searching here or some Googling.

As far as the border goes, it would seem that you only set border-color, but don't mention border-width. Maybe you need to add that.

For the indentation, try setting the padding-left for <ul>'s and <li>'s to zero.

rapture@coerce.net’s picture

rapture@coerce.net commented

Thank you for your help!

Bluerobot has a great study about FOUC: http://www.bluerobot.com/web/css/fouc.asp?fix=SCRIPT

ron_mahon’s picture

ron_mahon commented

I have bin struggling with this for a few months. As a last resort, I downloaded a trail of “Dream Weaver” It tells you what code is compatible with each browser.

Problems that I been working on for months were resolved in less than 2 hours. After that I read the instructions, and found that it will all so take out all the inline css that Microsoft Word puts in. (That in it’s self make it my new must have)