• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

HTML/CSS issue, Firefox doesn't show anything...

V

VinylxScratches

Golden Member
When I open my html/css page in Firefox, it's a white page. When I open it in Chrome/Safari it opens up fine... how do I begin to troubleshoot this? The original template works fine...

HTML/CSS/Jquery show up in the source.
 
Last edited:
If you don't already have it installed, Firebug is probably the single best tool for web development you can use inside of Firefox to debug issues like this. You can debug javascript and alter HTML/CSS on the fly.
 
This may sound like a dumb question but have you checked all of your source for errors? Chrome/Safari will throw in a fudge factor with some things. Like putting quotes where they should be, or automatically adding close tags for you.
 
Last edited:
By default firebug will only expand the html node to show the head and body, to see anything in the body you will have to expand the tree, however this assumes you have valid and well formed html.

If you put the file up somewhere we can have a better look at it to suggest why it's not working as it should.
 
3 things:

1. Doctype:

<!E html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

should be:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Yours seem to have been cut off.

2. Make sure when commenting out you don't leave tags open:

<ul>
<!--

<li><a href="#">Home</a></li>

<li><a href="#">About</a></li>

<li><a href="#">Services</a></li>

<li><a href="#">Contact</a></li>

</ul>

-->

3. The kicker (which is why you get blank page). You cannot self close script tags for that doctype:

<script src="js/jquery-1.4.1.min.js" type="text/javascript" />

should be:

<script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>

That should get you going. 🙂
 
Last edited:
They also don't work in Firefox with NoScript on. (Not that you should care about that too much.) Everything else but the object between them looks surprisingly good with NoScript on. 🙂

But turning NoScript on and off also makes it clear that the object between the green buttons is not centered between them. Can you fix that?

Edit: Also, the clickable area of the Twitter, Facebook, and similar buttons doesn't extend below the line where the dark gray area starts.
 
Last edited:
VinylxScratches said:
So in Opera the green buttons don't work but they work in everything else...

http://67.184.191.35/MRMTek/html/#
Click to expand...

The jQuery seems fine to me. Not that it should be but you can remove the spacing around the document element in:
$( document ).ready( function(){
And the additional semi colon at the end of the _init_carousel function.

Does opera have any sort of script blockers, or localhost script denials that are stopping it working, it's not a browser I use except for consistency testing.
 
You must log in or register to reply here.

TRENDING THREADS

Back
Top