PDA

View Full Version : Dreamweaver Problem



Dave.H
Apr 3rd, 2007, 11:25 PM
Ok so I have come across this many times and im just wondering why it happens. Dreamweaver somtimes seems to make the width of something or height of something longer then it should be.

For example:

http://pic-spot.com/images/rgh1175639095i.jpg

How do I fix this because it works fine in internet explorer it just does this stupid thing in DW.

Thanks

Excavator
Apr 4th, 2007, 12:20 AM
Hello Dave.H,
First off you should not depend on DreamWeavers Design Window - it's rendering engine is off in it's own little world.
I always like to zero out the default margin/padding with this added to my CSS:


* {
margin: 0;
padding: 0;
border: none;
}


After that, it could be too much margin/padding set on your li, a line height on your font... hard to say really.
We'll need a link to the test site to help much more.

Dave.H
Apr 4th, 2007, 07:57 PM
Here is some more info and thankyou for your help Excavator!

Ok so for the most part I did the css and xhtml coding but of course it never works out just how you planned it. I'm still fairly new to css and xhtml so if you see any errors and such when looking at my site please tell me.

So my problem is my content div seems to like to go overtop of my header div. I dont know why but it is really annoying if anyone can help me that would be awsome.

Heres the site:

http://www.casino-spot.com/

Heres the stylesheet:

http://www.casino-spot.com/style.css

Thankyou in advance.

Excavator
Apr 4th, 2007, 08:43 PM
It looks like the content isn't really going over the header... you're pushing the contents of the header down instead. #logo has 49px top margin and #nav has 102px. Try this instead:

#logo {
float: left;
height: 69px;
width: 208px;

}

#nav {
float: right;
height: 16px;
width: 555px;
margin-top: 54px;

}

I don't know but I'd bet this is an example of using DreamWeaver's Design window. I use DreamWeaver too, but I hand code in design view.
I only looked at that with FF because I was editing your CSS with the Web Developer Toolbar. You need that. Goto https://addons.mozilla.org/en-US/firefox/addon/60 to get it. That and the DOM inspector will instantly become your favorite tools as soon as you use them.

Dave.H
Apr 5th, 2007, 03:17 AM
Just would like to say thankyou so much for your help everythings working perfectly!