View Full Version : Problems previewing in Dreamweaver

10-09-2009, 01:39 AM

I'm currently experiencing a problem that is actually driving me crazy. I have a page with an external .css file attached but for some reason when I try to preview it in Safari it doesn't work it just shows text but not the background image, the funny thing is that if I copy the code in the external .css file and put it directly in the .html page it works.

It works well in FF and Opera but not in Safari. Oh, the .css file resides in a folder called CCS.

Any Idea what is causing this?

Thanks a lot!

This is the html file:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link href="CSS/styles.css" rel="stylesheet" type="text/css" />
<div id="page-wrap">
<div id="mainContent">
<p>Ut iriure praesent minim commodo ille wisi os importunus consequat reprobo diam scisco commoveo commodo. Quod duis exerci letalis adipiscing vicis tamen acsi, iriure. Letalis haero consequat, et illum feugait, nobis, modo ideo abico sed nostrud, vulputate odio. Brevitas duis diam, nostrud suscipere typicus minim iriure. Nobis paratus vel utinam augue ille odio, luctus molior hendrerit metuo et dolore si duis. Sed roto suscipit iusto vero utrum abdo. </p>
<p>Velit melior interdico augue capio tamen demoveo erat damnum loquor, wisi lobortis exerci qui. Ut iriure mara torqueo in sed nobis augue, saluto. Exerci consequat ne minim sagaciter eu, dignissim aptent metuo turpis iusto, adsum. </p>
<p>Esse ullamcorper accumsan, ea, saepius eum, scisco feugiat opto. Premo veniam, adsum, tum, quia cogo, vicis esse premo iusto esse feugiat letatio praemitto esca. Eros persto aliquip oppeto os et dolus, ingenium fatua consequat duis feugait abigo, modo. </p>
<div id="sidebar">
<ul id="mainNav">

This is the .css file:

@charset "UTF-8";
body {
background-color: #036;
background-image: url(../Images/bg.jpg);
background-repeat: no-repeat;

#page-wrap {
width: 740px;
margin-left: 370px;
margin-top: 140px;
overflow: hidden;
#mainContent {
background: rgba(13,55,82,0.7);
width: 432px;
padding: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
float: left;
float: right;
width: 242px;

10-09-2009, 01:50 AM
refresh cache and re check paths are correct, including upper lower case

10-09-2009, 01:50 AM
looks good from what you posted

(but edbr ideas are good ones)

10-09-2009, 02:08 AM
refresh cache and re check paths are correct, including upper lower case

Wow! I can't believe it, I went and refreshed cache and it worked.

Thank you very much!

10-09-2009, 03:01 AM
Welcome to the club, everyone makes that mistake at one time or another.

It only takes one time wasting an hour or two before it becomes the first thing you try.

10-09-2009, 11:20 AM
Thanks again!