We help IT Professionals succeed at work.

We've partnered with Certified Experts, Carl Webster and Richard Faulkner, to bring you a podcast all about Citrix Workspace, moving to the cloud, and analytics & intelligence. Episode 2 coming soon!Listen Now

x

Margin / Border / Padding issue

Fredde87
Fredde87 asked
on
Medium Priority
716 Views
Last Modified: 2012-05-06
Hi,

I am learning CSS and I have run into yet another problem. I W3C validated my page and validated the CSS but I have now managed to cause another issue by doing this.

I have a lot of hover areas, they seem to all have been shifted down slightly. If I try setting on of them to Top: 0px I can see a ~15px padding between it and the top edge of the picture. I have tried setting margin: 0px, padding: 0px, border: 0px everywhere I can think of.

The page works fine in my IE7, but it wont work in FF3.

You can see it for yourself here, http://www.giles-and-elsas-wedding.com/test.pl

The aerial is the most obvious part, the a:hover zone should go up to the very top of the aerial but it starts 14 pixels below.

Any idea?
Comment
Watch Question

Author

Commented:
Also I just noticed that for some reason all of the hover zones dont work in IE but in FF. They are generated in Perl though and should be identical, is there a limitation in IE to how many you can have?

You can see it for yourself in IE if you rotate the car and try to highlight the FIAT badge.

Any ideas why this is?
CERTIFIED EXPERT
Commented:
It's the paragraph elements inside the definition elements that has a top margin.

Add this to your css to remove the margin for the paragraph elements in the list:

#Loading p { margin: 0; }

Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts

Author

Commented:
Thanks, that fixed it =)
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.