Welcome to WebmasterWorld Guest from 100.26.182.28

Forum Moderators: open

Message Too Old, No Replies

Site does not show up in Firefox. sort of

     
10:16 pm on Mar 1, 2006 (gmt 0)

New User

10+ Year Member

joined:Mar 1, 2006
posts:4
votes: 0


Hello,

I'm trying to fix our site so that it is Firefox friendly. Upon first visit, it does not show up. However, if using the CSS plugin I disable All Styles, the page displays. Furthermore, if I go back and enable All Styles, the page looks perfect, styles and all.

What could be causing it to not show initially?

Notes: The site was created using ASP.NET. I have modified the web.config file for the uplevel browser issue with info from ...slingfive...

The site does not validate flawlessly for CSS or HTML, but they seem like simple things, like scrollbar formatting, a valign="top", a height="100%". (I've tried removing these things with the same result)

Any help would be appreciated.

Thanks,

-fjhughes

11:46 pm on Mar 1, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Apr 20, 2004
posts:1477
votes: 0


Welcome aboard, fjhughes!

If your code validates, FF won't have any problems. Fix all of the errors until both CSS and HTML validate.

10:15 am on Mar 2, 2006 (gmt 0)

Senior Member from CA 

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

joined:Aug 31, 2003
posts:9074
votes: 6


Welcome to WebmasterWorld fjhughes!

If the validation problems limit themselves to scrollbar colors, then they should not have a big influence on whether the page displays or not. Are you saying that you get a completely blank page on the first load, or that the page content is there but no styles are used?

A few questions:

- How are you calling the stylesheet? Via an include of some sort or via Javascript?
- What MIME type is sent by the server for the CSS file? (Open the CSS file directly in the browser and press Ctrl + I and see "Type")
- Try installing the Live HTTP headers [livehttpheaders.mozdev.org] extension, then clear the browser cache and all cookies completely, reload the page - what do the HTTP headers reveal? Is the CSS file called?

6:40 pm on Mar 2, 2006 (gmt 0)

New User

10+ Year Member

joined:Mar 1, 2006
posts:4
votes: 0


Thanks for the replies.
Yes, it's true that the page displays nothing upon first visiting. When I click on the toolbar CSS>Disable Styles>All Styles The page shows up. It looks good, just no formatting. Then I click CSS>Disable Styles>All Styles to enable and the page displays with all the formatting and looks nice. Here are some errors that I get in the CSS Validation:

# Line: 233 Context : .m_MinName
Invalid number : color dimgray is not a color value : dimgray
# Line: 265 Context : .m_MinTitle
Invalid number : color dimgray is not a color value : dimgray

And here are some Warnings...


# Line : 32 (Level : 1) Same colors for color and background-color in two contexts BODY and a.header_toplink
# Line : 45 (Level : 1) Same colors for color and background-color in two contexts .PageBorder and a.header_botlink

Obviously I would like to hav a clean validation, but before I went changing everything, I wanted to see if this is what was really stopping it from initially displaying.

The HTML Validation errors are just missing ALT attributes...


Error Line 76 column 195: required attribute "ALT" not specified.
...ages/shim.gif" width="12" height="12"><a href="/frog/Main/Home.aspx" class="h
The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.
Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

I didn't think that would affect the page not displaying.

The stylesheets are loaded as follows (in the <head> section):


<link rel="stylesheet" type="text/css" href="Main.css" media="screen">
<link rel="stylesheet" type="text/css" href="/frog/Includes/SiteStyles/default.css" media="screen">

This is my first post here. Thanks for the welcome and help. I read a bunch of posts beforehand and couldn't find a similar situation. Also I saw that I shouldn't post a link to the site so I didn't.

-fjhughes

8:06 am on Mar 4, 2006 (gmt 0)

Senior Member from CA 

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

joined:Aug 31, 2003
posts:9074
votes: 6


When you get the blank page, is there any source code visible when you view source? Missing ALT attributes won't affect display at all. Also, if you comment out the stylesheet links, do you still get the initial blank page or do you get an unstyled page (that would indicate whether the stylesheets are to blame or not).

I suspect that it's more to do with how the page is being generated rather than the page itself - this is not the first report I've heard that Firefox very occasionally fails to display a generated page. Try the Live HTTP headers extension I mentioned above and record the sequence of events when the page is requested.

1:38 am on Mar 8, 2006 (gmt 0)

New User

10+ Year Member

joined:Mar 1, 2006
posts:4
votes: 0


Ah-hah! I commented out both stylesheets. And it worked. Brought back one, still worked. Turned off one, then the other on to confirm. Found the one that is causing the problem. Can you tell from this what may be causing the fits?

.scroll { top: 0px ;}
BODY
{
display: inline;
font-size: 8pt;
margin: 0px;
background-color: #FFFFFF;
color: #747579;
padding-top: 0px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.copyright
{
font-size: 7pt;
color: #747579;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: center;
}
.PageBorder
{
width: 1px;
background-color: #FFFFFF;
}
a.header_toplink {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}
a.header_toplink:hover {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
color: #747579;
text-decoration: none;
background-color: #FFFFFF;
}
a.header_botlink {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}
a.header_botlink:hover {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
color: #747579;
text-decoration: none;
background-color: #FFFFFF;
}
.evbc_address {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
color: #747579;
text-decoration: none;
}
a.evbc_address {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 8pt;
color: #747579;
text-decoration: none;
}
a.evbc_address:hover {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 8pt;
color: #FFFFFF;
background-color: #747579;
text-decoration: none;
}

Thanks,
-fjhughes

10:44 am on Mar 8, 2006 (gmt 0)

Senior Member from CA 

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

joined:Aug 31, 2003
posts:9074
votes: 6


At a first glance, there are two possible problems which might trigger the bug:

[b].scroll { top: 0px ;}[/b]

and:

BODY
{
[b]display: inline;[/b]

If you remove these two and try again, does that help?

10:37 pm on Mar 8, 2006 (gmt 0)

New User

10+ Year Member

joined:Mar 1, 2006
posts:4
votes: 0


Excellent! That did it. And it didn't seem to mess anything else up either.

Thank you so much!

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members