Back To Website Design Forum

DIV Spacing issue

  • Joe426
  • Beginner
  • Beginner
  • User avatar
  • Joined: Mar 14, 2007
  • Posts: 59
  • Status: Offline

Post June 23rd, 2008, 1:06 pm

I have two divs, one for my header, and one for the navigation bar beneath my header. there is a 13px gap between the two in FF but not in IE. See here - (the distance between the shaded base and the blue bar). Ideas on how to fix this?
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post June 23rd, 2008, 1:06 pm

  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Joined: Oct 02, 2007
  • Posts: 575
  • Loc: Phoenix, AZ
  • Status: Offline

Post June 23rd, 2008, 1:48 pm

It looks like if you add this to your #headerNav ul it should do the trick:
Code: [ Select ]
margin:0px;
phoenix web design
  • Joe426
  • Beginner
  • Beginner
  • User avatar
  • Joined: Mar 14, 2007
  • Posts: 59
  • Status: Offline

Post June 23rd, 2008, 11:40 pm

Nope, didn't work.
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8212
  • Loc: USA
  • Status: Offline

Post June 24th, 2008, 12:42 am

For header? Why not use a <h1>...</h1> tag? Those tags are created to define headers AND they are good for your SEO!!!
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Joined: Mar 12, 2007
  • Posts: 6228
  • Loc: South-Africa
  • Status: Offline

Post June 24th, 2008, 5:23 am

I think this should work ... I can't seem to get the Web-Developer toolbar to work properly in FF3 ... dammit
line 46:
Code: [ Select ]
#headerNav ul {padding:0px;margin:0px;}
Let's leave all our *plum* where it is and go live in the jungle ...
  • SteeleR
  • Newbie
  • Newbie
  • User avatar
  • Joined: Oct 30, 2007
  • Posts: 7
  • Status: Offline

Post June 24th, 2008, 6:18 am

background-repeat: repeat-x;

for the element with the background. Haven't looked in the code but guess the UL. IE6 needs it otherwise it expands and repeats the background..
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Joined: Oct 02, 2007
  • Posts: 575
  • Loc: Phoenix, AZ
  • Status: Offline

Post June 24th, 2008, 6:41 am

righteous_trespasser wrote:
I think this should work ... I can't seem to get the Web-Developer toolbar to work properly in FF3 ... dammit
line 46:
Code: [ Select ]
#headerNav ul {padding:0px;margin:0px;}

Yeah, that worked for me too in FireBug anyway...

Joe426- make sure you add it to "#headerNav ul". It looks like you may have added it to "#headerNav" instead.
phoenix web design
  • Joe426
  • Beginner
  • Beginner
  • User avatar
  • Joined: Mar 14, 2007
  • Posts: 59
  • Status: Offline

Post June 24th, 2008, 3:29 pm

Sweet, it worked. Thanks.

Page 1 of 1

Post Information

  • Total Posts in this topic: 8 posts
  • Users browsing this forum: No registered users and 74 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.