Dreamweaver Design Window is messed up.

Ryu Hitokiri

09-07-2008, 01:19 AM

Can anyone explain why my website looks fine in IE or Firefox, but in the Design window in Dreamweaver, it's not how it's supposed to look?

Here is Firefox:

http://img98.imageshack.us/img98/90/firefoxat0.jpg

Here is Design window:

http://img296.imageshack.us/img296/1125/designjw7.jpg

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Knights Lacrosse :: Home</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>

<body>
<div id="outside_container">
<div id="container">

<img src="images/logo.png" id="logo" />

<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Roster</a></li>
<li><a href="#">Schedule</a></li>
<li><a href="#">Media</a></li>
<li><a href="#">Contact</a></li>
</ul>

<div id="content">



</div>

</div>

</div>
<div id="footer">

<span id="footer_text">
© Copyright 2008 <b>Knights Lacrosse</b>
</span>

</div>
</body>
</html>

CSS
@charset "utf-8";
/* CSS Document */
body {
margin:0px; padding:0px;
background-color:#080808;
font-family:Arial, Helvetica, sans-serif;
}
#outside_container {
background:url(images/background_slice.jpg) repeat-x #000000;
}
#container {
background:url(images/home_background.jpg) no-repeat;
min-height:853px;
width:1000px;
position:relative;
}
#footer {
border-top:1px solid #3f2324;
background-color:#080808;
padding:30px 50px 30px 150px;
color:#cdcdcd;
font-size:9px;
}
#logo { position:absolute; top:70px; left:100px; }
ul#menu {
margin:0px; padding:0px;
position:absolute; top:159px; left:120px;
}
ul#menu li {
margin:0px; padding:0px;
list-style:none;
margin-right:10px;
font-size:12px;
text-transform:uppercase;
display:inline;
}
ul#menu li a {
text-decoration:none;
color:#cdcdcd;
}
ul#menu li a:hover {
text-decoration:none;
color:#ffffff;
}

svenny1

09-07-2008, 01:32 AM

Hi iv'e only just learnt CSS and all that jazz, but from what i can see it looks like dreamweaver isn't reading you stylesheet, have you made sure that the file in dreamweaver is in the same place as your stylesheet, otherwise it will not be able to read it.

So lets say you call a folder website, in this folder should be both your index.html and your style.css, this should then work.

But i never trust the design view in dreamweaver anyways, mainly due to the amount of php i use, dreamweaver doesn't pick everything up! but i am sure what i have stated above should be the problem..

Hope this helped m8 :)

Ryu Hitokiri

09-07-2008, 01:41 AM

My HTML and CSS file are in the same file and the CSS is linked in the HTML so that's fine, it's just Dreamweaver shows it wrong.

svenny1

09-07-2008, 01:52 AM

hmm i am not sure why that is happening then :( sorry, but i can definitely assure you the problem is your stylesheet and html are not linking through dreamweaver, obviously they are on the site, just not through dreamweaver, i hope somebody can tell you why m8, sorry i couldn't help!

yanksno1

09-07-2008, 01:53 AM

Dreamweaver's a pretty bad rendering browser IMO. I don't trust at all what I see in Dreamweaver, I always check all browsers first and not worry what I see in Dreamweaver. Hopefully with CS4 they'll improve it, but right now I just don't trust it. It's great for everything else though and I wouldn't build sites w/o it.

svenny1

09-07-2008, 01:55 AM

VIPStephan

09-07-2008, 08:32 AM

I agree as well: Dreamweaver is not a browser! Hand code your sites and only trust the results in actual browsers since that’s eventually where people look at it. The design view of the latest version of Dreamweaver is pretty good in rendering pages but still, it’s not to be trusted. Don’t bother if it’s loking wrong there, that doesn’t necessarily have to say anything.

sybil6

09-07-2008, 10:48 AM

Dreamweaver in browser preview isnt an exact render of the browser render engine.

zeenatu ako

09-07-2008, 12:42 PM

i want to dream weaver too