Layouts looking 'right' in Dreamweaver

Question

Hi all, I seem to have this reoccurring problem, when I
design layouts, I get them the way I want they look great in
IE/Firefox but when working on them in Dreamweaver the layout looks
messy and sometimes quite hard to work with.... I attach my CSS and
XHTML, just to make sure i'm not designing it wrong...
Thanks for any help in advance

Answer 1

> That's a common IE hack
It's not one I would ever use. It's way too fiddly and
complex.
I just use good CSS technique to produce code that doesn't
need to be
hacked. Check the uberlink and MacFly tutorials at PVII -
http://www.projectseven.com/
and the Navbar tutorial/articles at Thierry's place
http://tjkdesign.com/articles/dropdown/
Or this one (more recent article):
http://tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp
Or to get it done fast, go here -
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
> layout goes completely wild in DW
The most common cause for this is the use of negative
margins, nested
floats, or float clearing methods that aren't supported by
DW's design view
(e.g., 'overflow:hidden', or those using the content style).
> Perhaps it's got to do with the fact I've used a SSI to
insert the Spry
> nav bar in every page, that wouldn't show up on the
source code when you
> view the page online.
I doubt it. But I didn't go through your page to see what it
might be....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"polarl light" <[email protected]> wrote in message
news:[email protected]...
>
>> No doubt DW is confused by this goofiness -
>>
>> <li><a href="#">Home<!--[if gt IE
6]><!--></a><!--<![endif]-->
>> <!--[if lte IE
6]><table><tr><td><![endif]-->
>
> That's a common IE hack, often found in free CSS based
templates. I have
> used them too and the above doesn't look too bad in DW,
it only makes the
> text in the nav bar look a bit funny in design view.
>
> However, I have other pages where the above hack hasn't
been used, yet the
> layout goes completely wild in DW but looks OK on most
browsers, even on
> exotic ones (I've used browsershots to check the pages)
>
>
http://www.hunalp.co.uk/retail/products/forty.shtml
>
> The table with the products goes off on its own in DW
yet it shows up fine
> on 20 browsers/versions. IE5.01 & 5.5 do not seem to
recognize the Srpy
> collapsing panel and just show it fully open but the
table still looks
> fine, yet it's completely messed up in DW design view.
Perhaps it's got to
> do with the fact I've used a SSI to insert the Spry nav
bar in every page,
> that wouldn't show up on the source code when you view
the page online.
>