Page 1 of 1
Small Nav Bar CSS problem (SOLVED)
Posted: Thu Sep 13, 2007 2:30 pm
by JamesD
I am styling a new site at
http://www.sharp-shotz.com/index.php , on the extreme left and right in IE6 the border does not show and in firefox just the extreme right border does not show. I presume I am missing a bit of CSS on the stylesheet but not sure why, all the rest of the borders are fine.
Any ideas, thanks for the help.
James
Re: Small Nav Bar CSS problem
Posted: Thu Sep 13, 2007 4:08 pm
by SideshowBob
Hi James,
I'm not quite sure if I understand your problem correctly as I see the border in all browsers...
If you are referring to to the 1px gap you see each end of your navbar then remove the margins from #menu_vert.
Does this solve your problem?
Bob
Re: Small Nav Bar CSS problem
Posted: Thu Sep 13, 2007 6:50 pm
by JamesD
Thanks yeh that sorted it out, it is all looking fine in IE but th etop image has now displaced in firefox, any ideas why.
Thanks
Re: Small Nav Bar CSS problem
Posted: Thu Sep 13, 2007 6:55 pm
by SideshowBob
Can you be more specific about which version of browsers you are having trouble with? IE7 and FF2 look exactly the same to me.
Bob
Re: Small Nav Bar CSS problem
Posted: Thu Sep 13, 2007 7:11 pm
by JamesD
IE 6 and firefox 5
Re: Small Nav Bar CSS problem
Posted: Thu Sep 13, 2007 7:47 pm
by Nullig
You could change this:
div#header {
height: 129px; /* make it slightly larger than the header h1 a */
background: #000000;
}
Nullig
Re: Small Nav Bar CSS problem
Posted: Fri Sep 14, 2007 9:47 am
by SideshowBob
Hi James,
I see a black strip below the top image in IE6/PC, this is the bottom part of your header poking through, the below fixes it.
div#header{overflow:hidden}
cheers,
Bob
EDIT: Actually this solves the problem from your other post!