Firefox problem with CSS SCULPTOR 3 v3.0.2 .

Hi

Just built a new site using Eric Meyer's CSS SCULPTOR 3 v3.0.2 . I checked all the HTML pages and they validated and same for the CSS on WC3. I uploaded the site and it look great in IE. I then checked it in Firefox and it sucked! I had lost the background and page filled the screen instead of sitting in the center. I had used the fixed 1 column centered CSS from the templates.

I updated Firefox to the new one and checked all files had been uploaded. Still the page looked bad in Firefox. I have since re-built the site using DW and one of their templates and removed the Meyer's template and CSS. Any ideas or issues with firefox and CSS SCULPTOR 3 v3.0.2

Regards

Alan

I have not run into issues using CSS Sculptor in Fire Fox, do you have a link where i can see the problem to troubleshoot the cause.

I removed the site as it was not working. I'm going to do some test with a test page as the folder I had the CSS in on the server may of had other CSS docs in it and I want to see if this caused the problem. This what the site should have looked like www.graphicbikeart.com

Thanks

Alan

Jason

Just made a quick test page up and tested it in IE which was OK then tested it in FF and Google chrome it was just a white page with text and the nav bar was not there? Here's the link for you to test in the browsers

Untitled-1.html

The CSS was 1 col fixed center cabo sunset

The files up loaded were print css and screen css in the css folder, the html page, images folder and the spry folder for the nav bar

Regards

Alan

It looks like your DreamWeaver site definition is set to create links relative to site root, rather than relative to document. You will need to change this in your local site settings.

CS5
Site > Manage Sites > (Select your site) > Edit > Advanced Settings > (check the box "Links relative to Document")

CS4
Site > Manage Sites > (Select your site) > Edit > Local Info > (check the box "Links relative to Document")

Your links to required files on your remote site currently point to files on your local machine, therefore the css and javascript files are not available to your page on the remote site:

<style type="text/css" media="all">
<!--
@import url("file:///C|/Users/Owner/Desktop/Documents/Mal/CSSSculptor/1ColumnFixedCentered_CaboSunset_css/screen.css");
-->
</style>
<style type="text/css" media="print">
<!--
@import url("file:///C|/Users/Owner/Desktop/Documents/Mal/CSSSculptor/1ColumnFixedCentered_CaboSunset_css/print.css");
-->
</style>
<script src="file:///C|/Users/Owner/Desktop/Documents/Mal/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="file:///C|/Users/Owner/Desktop/Documents/Mal/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

or you could change them manually to:

<style type="text/css" media="all">
<!--
@import url("CSSSculptor/1ColumnFixedCentered_CaboSunset_css/screen.css");
-->
</style>
<style type="text/css" media="print">
<!--
@import url("CSSSculptor/1ColumnFixedCentered_CaboSunset_css/print.css");
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

Thanks for this info. I'll change the code and test the page

Regards

Alan

Neilo

Thanks for this as it sovled the problem. I checked DW and the site was linked to doc and not root?
I manually removed the code (Thanks for the cut and paste by the way) and the test page now works on FF and GC. I'll remove it now as it has done its job. Checked out your site links...Great works of art!

Regards

Alan

If the site is set up correctly, another cause for the file reference in source is if you save the page to another location after it is created, Dreamweaver will prompt you to ask if it should update paths, if you click yes, it will usually use the file system path, and not the site path.

Thanks for that info as well Jason.

you're welcome.