Roger, thanks for your help. I am trying to implement your suggestions. So far it only partly works, but I'm probably doing something wrong.
See http://209.211.255.131/newsite/testfeb8.html and http://209.211.255.131/newsite/testfeb8.css (/testfeb6.html left on server as the earlier version too) I put the background image on the #navpicwrap, instead of the #navwrap. I think you meant to put it on that div, rather than the #navwrap which is only 134px in width and has the navbar and search box. New problem: first major issue is that the image is NOT showing up at all in Firefox or NE7, but shows in IE6. Any idea why it would show up in IE6, but not the others? #navpicwrap{ width:750px; background-image: url(images/bldg1and2smv3.jpg); background-repeat: no-repeat; background-position: top right; margin:0; Thanks! Dova H. Wilson Marketing Communications Specialist George Washington University Virginia Campus 44983 Knoll Square, Rm. 305 Ashburn, Virginia 20147 Phone: 703-726-3652 Fax: 703-726-3655 www.gwvirginia.gwu.edu -----Original Message----- From: Roger Roelofs [mailto:[EMAIL PROTECTED] Sent: Wednesday, February 08, 2006 1:28 AM To: 'CSS list' Cc: Dova Wilson Subject: Re: [css-d] navbar spacing and related problems Dova, On Feb 7, 2006, at 7:19 PM, Dova Wilson wrote: > I'm having a problem with spacing between the navbar and the main image > on the site, as well as with the search box below the navbar at > http://209.211.255.131/newsite/testfeb6.html. CSS: > http://209.211.255.131/newsite/testfeb6.css > > Problems: > 1. Getting everything to fit together nicely without gaps of white > or color or the arrows on the navbar being pushed (arrows OK in IE, > strange in NE7 and Firefox). I'll resize the picture as needed. Your current design looks nice but requires pixel perfect alignment and assumes that all users machines are configured just like yours. You need to build in a little flexibility. for what it's worth, here's what I would do. 1. Move bldg1and2smv2.jpg to be a background-image for #navwrap, positioned top right. Make it a a little bigger than you you estimate it needs to be. 2. Set the bg color on #navwrap to match #navbar and #stripe 3. Make sure that margins on #navwrap and #stripe are 0. Doing will allow as much or as little of the image to show as the content will allow and will give the illusion that it all fits together even if something is off by a pixel or 2. As a bonus, you don't have to float anything. If you want to pursue this idea, and need more concrete code bits, let me know and I'll see what I can do. -- Roger Roelofs "Remember, if you're headed in the wrong direction, God allows U-turns!" ~Allison Gappa Bottke ______________________________________________________________________ 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/
