4 replies [Last post]
MeestorMac
Offline
Enthusiast
UK
Last seen: 12 years 26 weeks ago
UK
Timezone: GMT+1
Joined: 2007-04-16
Posts: 54
Points: 0

Hello again folks. After starting again with the site I've been making I now have it working in all the browsers.

However I now have a strange spacing issue, I have been using FireBug to check the site and debug but for the life of me I cannot see where the spacing is coming from. Now I am no expert and I may have just over looked something simple but any help would be appreciated.

The spacing only really appeared after I had made .element float left and put everything in a centered container.

Site: qualitv.co.uk

CSS is attached.

If the problem isn't obvious, the spacing between the horizontal bars is too great, they should only be about 10px apart when together. If you use the inspect tool in firebug there just seems to white space between the bottom of the element and the top of the toggler.

I hope this makes sense.

AttachmentSize
styles.css_.txt1.54 KB
rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 2 years 2 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

could be a number of things,

could be a number of things, but the first one to jump out is the default margin/padding on the h3 tags.
start off by setting everything to zero margins and padding... something similar to this link http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded

that gets you a level playing field to use x-browser... then style the appropriate margin/padding that you want on specific tags

hth

MeestorMac
Offline
Enthusiast
UK
Last seen: 12 years 26 weeks ago
UK
Timezone: GMT+1
Joined: 2007-04-16
Posts: 54
Points: 0

Thanks for the reminder, I

Thanks for the reminder, I already had a reset.css setup I'd forgotten to add it to the header. Even though this is now incorporated the space issue remains.

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 2 years 2 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

#content h3 {margin:0;} puts

#content h3 {margin:0;} puts the bars about 10px apart

MeestorMac
Offline
Enthusiast
UK
Last seen: 12 years 26 weeks ago
UK
Timezone: GMT+1
Joined: 2007-04-16
Posts: 54
Points: 0

Cheers! Thank you very

Cheers!

Thank you very much for the help. I am learning all the time.