Forum Moderators: open
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
If your code validates, FF won't have any problems. Fix all of the errors until both CSS and HTML validate.
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?
# 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>.
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
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.
.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
[b].scroll { top: 0px ;}[/b]and:
BODY
{
[b]display: inline;[/b] If you remove these two and try again, does that help?
Thank you so much!
