Old 01-04-2006, 12:39   #1 (permalink)
Brown
volkswagen yellow & gold
 
Brown's Avatar
 
Join Date: Apr 2003
Location: london, england.
Posts: 6,147
elusive bkg menu colour

any help appreciated:

http://dev.flark.net/tss/web/

i can't get the mo-fo menu to have the correct bkg colour in the fox.

beuller?
  Reply With Quote
Old 01-04-2006, 13:15   #2 (permalink)
MikeMackay
Everything is fine.
 
MikeMackay's Avatar
 
Join Date: Feb 2005
Location: Witham & London
Posts: 905
Send a message via MSN to MikeMackay Send a message via Skype™ to MikeMackay
The #menu div isn't extending all the way down to encompass your actual menu contents. If you whack a red border around it you'll notice it's approx 1px heigh, and not the height of the actual menu itself, this is why you have the white ends, or the lack of background colouring.

- Mike
  Reply With Quote
Old 01-04-2006, 13:52   #3 (permalink)
smallbeer
I Ain't Losing Any Sleep™
 
Join Date: Apr 2003
Posts: 5,205
yep it needs clearing.

float it.

Code:
#menu { background: #1F3F6D; float: left; }

should probably stick a width in there.
  Reply With Quote
Old 01-04-2006, 14:02   #4 (permalink)
MikeMackay
Everything is fine.
 
MikeMackay's Avatar
 
Join Date: Feb 2005
Location: Witham & London
Posts: 905
Send a message via MSN to MikeMackay Send a message via Skype™ to MikeMackay
If that doesn't help, then this CSS2 soution is what I've used before:

Code:
/* clear float fix */ #menu:after { height: 0; clear: both; content: "."; display: block; visibility: hidden; }

I can't remember where I found this code, but it's always worked beautifully and doesn't need you to add any additional markup into your HTML; it goes in your CSS instead so there is a trade-off. But I'd rather have the extra code in my CSS than in my HTML.

Bear in mind this is a CSS2 psuedo-element so you should take into consideration any CSS1 only browsers for backwards compatability.

- Mike
  Reply With Quote
Old 01-04-2006, 23:31   #5 (permalink)
LadynRed
Senior Member
 
Join Date: Mar 2006
Posts: 147
Unfortunately, that clearing method will break in IE 7, but for now it should work.
  Reply With Quote
Old 03-04-2006, 18:20   #6 (permalink)
Brown
volkswagen yellow & gold
 
Brown's Avatar
 
Join Date: Apr 2003
Location: london, england.
Posts: 6,147
legendary skills all round.

has anybody got round to fixing my other problem yet?
  Reply With Quote
Old 03-04-2006, 18:36   #7 (permalink)
smallbeer
I Ain't Losing Any Sleep™
 
Join Date: Apr 2003
Posts: 5,205
that rollover tooltip thingy? looked nasty that. ooh.
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8