[thelist] Re: CSS and Dreamweaver Preview

Fri Mar 1 10:08:56 CST 2002

Mark,
Thanks so much. I realize the problem of reapplying em's to child elements
. .. well,
I was just hoping there was some setting that I was not turning on or
something that would
allow me to see my styles applied in the design view. I had been using F12
(IE 6) as well as
File>Preview in Browser (N4, N3 and Opera) to check my code which came out
as I intended
in the styles before I applied the em's to make the design view show me
what I wanted. I just wasn't sure if I was doing something wrong when it
wouldn't show in my design
view. This is just something I guess we'll all have to live with until
standards are up to par across the board and WYSIWYG's are updated to
reflect the standards in the design views. I used to be a happier hand
coder, but I still appreciate the table layouts that DW affords. Thanks
again. Oh and BTW I am very happy to see that the ridiculousness of
discussing whether flash is valid or not
has left the building. The list is so much more informative for newbies
like myself.
 >At 05:09 PM 2/28/2002 -0600, you wrote:
> > it seems my styles aren't inherited in the design view of Dreamweaver.
> > i.e.
> > my body text is set at .8em, which, it seems should follow that my table
> > would inherit this property, but no i have to reapply font-size to
> > <tds>.
> > what up? anyone else had this problem?
>
>1. A WYSIWYG editor's design view window isn't the place to check your
>code. Load the page up in a browser to see how it performs, as that's
>the place where the page will be working in the real world. I can't
>comment on the current version of Dreamweaver as I haven't used it, but
>GoLive 5 munges CSS layouts totally in it's preview window, as do most
>of the other WYSIWYG editors I've seen.
>
>2. Style inheritance is a bit shaky in pre-v6 browsers, and it's often
>best to define such things manually to ensure cross browser
>compatibility. For example:
>
>body,div,td,p,li,dl,dt,dd, {font-family:verdana,arial,sans-serif;}
>
>3. Be careful about setting font sizes using em in the example above. In
>browsers where inheritance odes work correctly, a <p> inside a <td>
>inside a <body>, all defined with 0.8em font size, will end up at 0.8 x
>0.8 x 0.8. If your <body> text is at the equivalent of 12px, the inner
><p> will be at 7.7px--a bit small.
>
>Regards
>Mark Howells