Why do you have the header image broken up into pieces? That shouldn't be necessary with a CSS page.
Visually, I see these problems - if you're trying to fix something I didn't catch, let me know. * In IE 6, the navbar is offset to the right of the header image. * In Firefox 2, there's a gap vertically between the header image and navbar, and the nav bar extends to the right past the header image. I don't think float: left is what you want there - you're just trying to stack two div's vertically, which is what they do naturally if you don't float them. The offset issues are because of the box model (which IE <= 6 gets wrong). If you want a 775-pixel-wide div all the way across, you don't set the width to 775, you set it to 775 minus the width of the left border, left padding, right padding, and right border. Your #nav has no border, a right padding of 0, and a left padding of 50px, so you want to set its width to 775 - 50 = 725.px. Also, the text-align: center on the body is going to cause trouble, because IE < 7 applies it to block elements while other browsers don't. You're better off setting it more locally. On 12/6/06, Michael Netherton <[EMAIL PROTECTED]> wrote: > I'm an old school coder. I've been writing sites for more than ten years and > I'm trying to get my head around CSS. As an old dog and I'm trying to learn > some new tricks, but this is turning out to be incredibly frustrating. I'm > reading Dan's book, Bulletproof Web Design, and I'm trying to duplicate > these examples so I may learn the ropes. However, I'm not having a great > deal of success. > > I just don't understand why this is not working. I would be incredibly > grateful if anyone were to take a look and explain what the heck I'm doing > wrong. My first attempt at css is found here: http://www.mocap (dot) > com/default2.asp [sorry to post a url that has to be edited, but I don't > want the SE's to pick it up] > > I could have our new site up and done by now in tables, but I don't want to > bloat the code when it should be able to be done with CSS. > > Sincerely, > > Michael Netherton > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7 information -- 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/ > -- Mark J. Reed <[EMAIL PROTECTED]> ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
