471,605 Members | 1,574 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,605 software developers and data experts.

CSS Extra Space Around My Divs and/or Images

I'm having some trouble with a design I'm working on. There are a few places where I have extra space and I can't isolate the problem.

Here's the page:
http://www.blueneckdesign.com/css-help/sample1.html

and the CSS:
http://www.blueneckdesign.com/css-help/style.css

Just below the top half of the light bulb image and above the rollover navigation, there is a space of about 3px that shouldn't be there (Mac OSX 10.4.10, and 10.2.8: Firefox 2.0.0.6). Curiously, on the same machines, IE 5 renders the page correctly.

On my wife's PC (not sure what Windows OS) IE6 adds a space at the bottom of that div (div#subnav) and to the right of it (or possibly to the left of div#copy).

I believe that I'm using the correct doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

The CSS validates, and the HTML validated before I inserted the JavaScript.

Can anyone help? I'm almost out of hair to pull out.
Aug 24 '07 #1
0 1467

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

1 post views Thread by MattB | last post: by
13 posts views Thread by Aaron | last post: by
reply views Thread by MattB | last post: by
6 posts views Thread by skeeterbug | last post: by
4 posts views Thread by dave | last post: by
11 posts views Thread by rfox | last post: by
10 posts views Thread by fleemo17 | last post: by
reply views Thread by MichaelMortimer | last post: by
reply views Thread by CCCYYYY | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.