I'm trying to make what should be a simple header. Problem is that I want it to expand properly with enlarged text sizes. The entire header has a background color. In the center is a centered <h1> for the page title, and at the left is an img (a transparent png logo) followed by a span containing the site title.
Here's where it gets fun. The logo, of course, is a fixed height. It has more height than I want the background color to be at normal text size. I want the difference in height to be split above and below the colored background. So if the logo is 100px high, and the background color is 80px high, i want the image to start 10px above the background color, and overflow 10px below it. I also need short text above the header. Here's a graphic: http://www.kennygraham.net/help/small.png That I can do. But not in a way that works with text resizing. When the text enlarges, I want the background color to expand to stay 3x as high as the <h1>, for the logo to stay centered within the background color, and for it all to stay below the text above the header. Here's the good news: I don't need it to work in IE. I'll be serving it as xhtml, so I'm only concerned with modern browsers. Here's a playground with a blank css file for anyone who wants to give it a shot: http://www.kennygraham.net/help/index.xhtml TIA, Kenny ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
