I am trying to create a website at the moment and so far I have the following structure:
>Container (DIV) - #container
> Header (DIV) - #container #header
- Company logo (floating left) (DIV) - # container #header #logo
- Title bar (along side the logo, asigned as H1) (DIV) - # container #header #title h1
- 2 Quick Navigation links (floating right) (DIV) - # container #header #topnav
> Footer (DIV) - # container #footer

(Hope u understand that ^^)

I am going to add more content but already Dreamweaver is displaying things in a strange way.
I will start with the Header. When I set to float left and set the width I have a problem with the footer div running underneath, but when viewed in a browser it appears ok. Then when I take the float and width off then the dashed line that indicates when the div is on screen disappears (but the other dashed lines for the divs are showing so its not as if ive told Dreamweaver not 2 show them).

The logo is fine, I have no trouble with that, its the title bar div. I have set the text inside the title div to have the properties of H1, but dreamweaver creates a big gap between the top and bottom of the text. When viewed in a browser it appears as it should - its just a head ache trying to design something that doesn't look the same as when previewed in a browser, as im sure u can imagine!

Next is the quick nav links. I have these set as a UL then the 2 links are LI. Dreamweaver now creates a huge gap at the top, bottom and left side of the div (the links are aligned to the right and the div is floating right - width has been set). When I add more padding for example the text doesn't run all the way across the div it just drops down onto a new line!?! I dont understand why this is.

Does anyone have any ideas why Dreamweaver is doing this? It is really quite frustrating and hard to work with! It might be my CSS coding that is causing the problems, infact it probs is, but if anyone has any comments please throw them my way!

Cheers in advance!
Dan

Hmmmm... my CSS is set up pretty much the same way but they display fine in Dreamweaver. Just curious... what version are you on? I'm on CS3. I do remember having a similar problem a long time ago but it was because I didn't close a tag. Once I fixed it then DW began displaying my site correctly. (I think it was a table or font tag)

__________________
Don't put the cart before the horse.
Plan your website, then create it.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
2 Create a Website | 2 Create a Website Blog
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Recent Blog Posts...

My Thoughts on Lazy People
A MUST READ for Struggling Bloggers
5 Assumptions You Shouldn't Make

Yeh im using CS3 as well...
I have just run a validation report and there are no errors being reported. I will manually have a scan to make sure all tags are closed, but im pretty sure everything is ok.

Any other ideas?

I had quite a similar problem with Dreamweaver CS3 not displaying it correctly in the preview pane.

Try search for your problem or further tutorials at http://www.w3schools.com
Nora helped me a lot in this area.

http://www.websitebabble.com/members/nora.html

__________________