Darren Jordan wrote: > I am doing a horizontal nav bar. The problem I have is that the links > are too long, and the client will not change them.
Won't make much of a difference. > The site width is 900px. How can I get the background colour to be > the same height on all the links. Not much to go on without a link (rebuilding cases from code-snippets is boring). Besides: you have styled for IE7 and older IE versions. Floats without dimensions don't work that way in proper browsers - they drop before breaking text. The styling of nav-links were also wrong - there is no property "text:" in CSS standards and no browsers understand it. Once that was changed to "font:" the links became even longer. Anyway: you can extract a cross-browser reliable solution here... <http://www.gunlaug.no/tos/alien/dj/test_09_0215.html> ...which is based on "Equal Height Columns"... <http://www.positioniseverything.net/articles/onetruelayout/equalheight> ...with a little extra to make it appear ok in IE7 and older - any mode. You have to be careful how you layer elements in the rest of the page if you want old IE to get the pieces visually correct, since those buggers can't handle overflow correctly. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
