CSS rendering in design window

Question

I am doing some simple CSS layout (nothing tricky at all),
and noticing that there are significant differences between how the
page looks in a browser, and how it looks in Dreamweaver. The
layout is 3 floated columns with header and footer - a total of 5
DIVs. All are positioned 'relative', and there are right, left, and
bottom margins of 10px on the center column to set the gutters
between columns and between the main column and the footer.
Is there a way to fix this?
Here's how it renders in a browser (the way you'd think it
should)
link
Here's how it looks in Dreamweaver (notice the missing
gutters and how the center col is longer because the line-height
isn't rendering right in the text)
link
and here's the actual html page
link

Answer 1

Remove the relative positioning from your columns, and the
static
positioning from the footer. How's it look now?
You do not need to use relative positioning on the columns,
and static is
the default for a div anyhow.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"jaymcdonald" <[email protected]> wrote in
message
news:etr1or$n94$[email protected]..
>I am doing some simple CSS layout (nothing tricky at
all), and noticing
>that
> there are significant differences between how the page
looks in a browser,
> and
> how it looks in Dreamweaver. The layout is 3 floated
columns with header
> and
> footer - a total of 5 DIVs. All are positioned
'relative', and there are
> right,
> left, and bottom margins of 10px on the center column to
set the gutters
> between columns and between the main column and the
footer.
>
> Is there a way to fix this?
>
> Here's how it renders in a browser (the way you'd think
it should)
>
http://www.hexatrope.com/forum_links/browser_view.gif
>
> Here's how it looks in Dreamweaver (notice the missing
gutters and how the
> center col is longer because the line-height isn't
rendering right in the
> text)
>
http://www.hexatrope.com/forum_links/dreamweaver_view.gif
>
> and here's the actual html page
>
http://www.hexatrope.com/forum_links/3col4.htm
>
>
>