Div display in and out of dreamweaver

Question

As an experiment, I am painstakingly hand coding a template
using css to create boxes with rounded edges. I have what looks
like an L shaped box on its side on the left top corner with a
small box directly to its right. Nestled in the "Gap" of this "L"
is my main content div.
See here:
http://www.centralheatingandcoolingnow.com/test2.html
My question is this: It displays properly in IE and FF, but
not in my Dreamweaver edit window. This is the second time I have
run across problems with the DW display not doing what I want it to
do. If it looks right in DW, it is all wrong when it hits the
browser. In this case, the main content box is moved up 130px from
its original position. In DW, it is covering my header boxes
completely. If I don't move it up, it looks right in DW, but not in
the browser (it's off by that 130px).
I would like to create this template in DW so I can easily
edit multiple pages with the template. I suppose I can do it
because the content box is on top of the header (which won't need
to be changed anyway). Is there something I can do to get this to
look right in DW, or is this a quirk I need to get used to?

Answer 1

Sharon1175 wrote:
> As an experiment, I am painstakingly hand coding a
template using css to create
> boxes with rounded edges. I have what looks like an L
shaped box on its side on
> the left top corner with a small box directly to its
right. Nestled in the
> "Gap" of this "L" is my main content div.
>
> See here:
http://www.centralheatingandcoolingnow.com/test2.html
>
> My question is this: It displays properly in IE and FF,
but not in my
> Dreamweaver edit window. This is the second time I have
run across problems
> with the DW display not doing what I want it to do. If
it looks right in DW,
> it is all wrong when it hits the browser. In this case,
the main content box
> is moved up 130px from its original position. In DW, it
is covering my header
> boxes completely. If I don't move it up, it looks right
in DW, but not in the
> browser (it's off by that 130px).
>
> I would like to create this template in DW so I can
easily edit multiple pages
> with the template. I suppose I can do it because the
content box is on top of
> the header (which won't need to be changed anyway). Is
there something I can
> do to get this to look right in DW, or is this a quirk I
need to get used to?
It seems each release gets better and better at displaying
CSS layouts,
for CS3 has been fine, and I hear that CS4 is better.
The first thing I notice is that you have this at the top of
the page:
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
Thats ASP code, your page is HTML, get rid of that, I doubt
it will help
your problem, but it will let your page validate.
Your CSS has an error too, line 129 says:
background-color: ffff90
it should be
background-color: #ffff90
Again not a serious problem, but worth correcting.
Dooza
Posting Guidelines
http://www.adobe.com/support/forums/guidelines.html
How To Ask Smart Questions
http://www.catb.org/esr/faqs/smart-questions.html