Hello, all. In my site http://www.mundoplus.tv/ we moved from a top-framed layout to a frameless one (using position:fixed in Opera and Firefox and a hack for IE). Now I want to get rid of the table that holds together the logo, the ad and the horizontal menu.
You can see a simplified version of the current (tabled) header at http://www.mundoplus.tv/cabecera.php Specifically this is what I want to do: 1) A clickable logo at the top left (310px wide) 2) A banner centered in the remaining space (100%-310px) 3) A blue bar appearing behind the curve 4) A menu in that blue bar along the remaining space (100%-310px) 5) Maintain this setup when using zoom (Opera) or text zoom (FF & IE) The logo uses transparent PNGs to achieve the desired look and a trick superposing images for IE. This is the best I've been able to do: http://www.mundoplus.tv/atnbueno/cabecera/cabecera.html I've resigned myself to achieve point 4) with javascript (I don't know how else to stretch the linearized list) but my problem is point 5): When I zoom the page the list jumps to more than one line (because of the floated links). And I want to keep it in one. I've tried to do it without floating the links and using "white-space: nowrap". See here: http://www.mundoplus.tv/atnbueno/cabecera/cabecera_nofloats.html and I get the one-line menu I want but then the links don't have the desired height :( Any ideas? P.S. Zipped version for easy download: http://www.mundoplus.tv/atnbueno/cabecera/cabecera.zip -- Thanks in advance, Antonio http://www.mundoplus.tv/ Televisión por satélite en España ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
