On 9/29/06, Ted <[EMAIL PROTECTED]> wrote: > Many thanks to Dino and Andy for their links, especially Andy since > it looks like he went out of his way to create a demo for me!
No problem - I'm still figuring out the complexities of floats myself, especially that "clear" property... > 1] The text links in the navBar div are aligned to the bottom but the > graphics seem to be center aligned vertically. How can I center > align the text? > vertical-align:middle doesn't seem to work. It looks fine in Firefox and IE 6 Win. Sometimes I've been able to adjust the vertical alignment just by adjusting the padding. For example, to move the text up 2px, add 2px to the bottom padding and subtract 2px from the top. It hasn't always worked though (don't know why). > 2] the searchBox div needs to be broken up some more, but I'm not > sure how to do a div within a div within a div (or even if it's OK to > do so). They need to be lined up like on this page: > http://nexel.superiorshelving.com/pages/solid.shtml Block-level elements (like a div) can have both inline elements and other blocks nested in it. Inline elements can only contain other inline elements. You're using a lot of absolutely positioned boxes; many could be made to work as floats or statically positioned. Absolutely positioning things can cause problems; for example, reduce the width of your window and you'll see that the search box and nav list overlap each other. For ourLogo I would try removing the float and width properties. If you don't want the ourLogo to wrap when the window gets smaller, maybe use a table instead (width 100%, ourLogo in the left cell, mfgLogo in the right cell). Using tables for layout when necessary is OK in my opinion. ;-) You could do the same with the nav list and search box. For headerContainer, I'm not sure why it wouldn't work as absolute. > 3] When you scroll down the page, you'll see some of the text show > through between all the divs. I appears to be 1 pixel or so. There > should be no gaps between any of the divs in the header. How can I > stop that from showing, without giving the entire header a white > background? (I want to keep the space below the navBar transparent. If they're all lined up against each other and take up the whole space, it shouldn't happen. It could be because of the 80% / 18% thing. This part looks much worse in Firefox and IE 6 Win, BTW. Good luck! Andy ~:-} ______________________________________________________________________ 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/
