How to make tables or divs be exactly the size you want?

Question

I'm trying to use background graphics with forground graphics on my page, but if I put in the image in, there's phantom space below it that makes the background image wrap when I don't want it to. When I take the image out, it works ok, but only if I use tables, not divs. I've tried margin and padding :0, but that isn't working either. I've had similar problems to this for a long time. There must be a simple guide to using this stuff correctly (or if there was a way to FORCE the browser to make the cell EXACTLY the size I WANT!)

Whew. Man this would be so easy if it would just size it the way I tell it to.

Answer 1

It's been a while for me, but I think in your tags you can specify the height and width in pixels to get the exact size you want. Hope that helps

Answer 2

I cannot understand exactly what's going on with your page, but I can tell you about one thing (because I've had the same kind of problems): Internet Explorer 6 is the great problem because it's old and not compatible with the W3C standards. Try your best to make your code standard compatible (it will work in standard compatible browsers like FireFox), and when you get to that see how you can twist this code to be shown properly on Internet Explorer 6 without taking it out the standards.

I hope this observation helps you...

Answer 3

I'm a bit confused trying to understand the exact problem you are having, but I will attempt to help anyway.

Try adding this to your css code:

img {
display:block;
}

the img tag isn't a block level element by default, so that is why you may be experiencing problems with the div size.

Good luck.

Answer 4

With a "