Link to home
Start Free TrialLog in
Avatar of signpost2
signpost2

asked on

Why does DW8 display CSS horribly in it's preview window?

I'm not great with CSS so I often use a template to start my design layout and then add to it, however DW8 throws the CSS all over the place in it's preview window. It's fine when I preview the page, but it makes it extremly awkard trying to work in this software when it doesn't look how it does online. I don't want to have to rebuild my pages from scratch in order just to get them to view correctly in 8 but it's very tempting to do so.

Does anyone have any advice? Is DW CS3 the same? I'm using CSS Drives templates so the CSS is correct. Thanks
SOLUTION
Avatar of rinnej
rinnej
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Avatar of Jason C. Levine
Jason C. Levine
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of signpost2
signpost2

ASKER

Thanks for the replies.
I tried downloading http://www.dynamicdrive.com/style/layouts/item/css-fixed-layout-31-fixed-fixed-fixed/ to use as the basic template to my layout. It was in DW8 that I noticed that if I use this particular layout the design is all over the place but fine on a browser preview. I used this layout as I thought it would contain the correct styling standards so I can start my CSS off correctly.

I can and have built a similar layout in DW8 which does look correct...at the mo but I often find that as my site develops things move out of place and I have to constantly check in different browser windows, which I know isn't a bad thing but is confusing to work with.

I hope to upgrade to CS3 shortly, but just found it odd that these tutorials tell you how to layout a page correctly so that it validates but in DW it just looks odd.

My CSS isn't great, so it can be really disconcerting when it looks odd in DW.
I took a look at that page and the CSS and the W3C validator has some problems with it:

http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fwww.dynamicdrive.com%2Fstyle%2Flayouts%2Fitem%2Fcss-fixed-layout-31-fixed-fixed-fixed%2F

It may be that the CSS is not quite as valid as it should be and DW is having a hard time rendering it.  You might want to look for a different three column layout.
ASKER CERTIFIED SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Thanks for all your comments.