I have addressed all of your (Jesper's) comments below – the green bar now looks proper in all apps! However... when I close the birdseed div above the contents (before it closed after the contents div) it causes the sidebar to drop below the content div on the left hand side of the page. This doesn't happen in IE6 or Safari 1.2.4, it happens in Firefox,Mozilla.
Here are the links to the html and css www.blueaardvark.ca/YMA/index_b.html www.blueaardvark.ca/YMA/styles_b.html I am still having problems with the background in Firefox 1.0.7 and Mozilla. [The background stretches as it should in Firefox 1.5(beta), Opera8.5, IE6, and Safari (1.2.4)] Any thoughts? Thank you for all of your help so far. Mindy I have an approximately 2px thick white line on top of the nav. in > Mozilla 1.7.12 (bottom seems to be neat, 1px) and the same 2px top + > about 4px bottom in MSIE > > Neat green background on them both, but in Mozilla there's a remarkable > difference in the right column background right beside the end of the > green local navigation bar. > > Looking into the code, I find it a little tricky to find out how that > difference can get there in Mozilla. I've tried my Opera too, it has the > same looks with a different "bar" cutting through the 3rd column. > > BUT that was not your specified problem :-). I suppose that you're aware > that the green #birdseed image is 1px white-bordered on top and bottom? > First of all, I would use a 10x10px green image, and the let browser > repeat for full background effect. The border in top + bottom is easily > taken care of with a css border. > > You use > padding: 0 0 0 0; > margin:0 0 0 0; > > a number of times, > > padding: 0; > margin: 0; > > would do just as nicely :) > > You have declared #birdseed to be 28px high, but you have a 28px picture > and a 92px (news.jpg) picture in the div, which, on top, you do not > close until after the content div. > > Your HTML doesn't validate, but it's only a missing alt-tag on the > fulllength_green. Much worse, your CSS has a number of errors. > < > http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.blueaardvark.ca/YMA/index.html > > > I'm not confident that they are without influence in your troubles. > > Try closing your #birdseed div immediately after it's use, look into > your validation errors, then let's see how it fares, we might be lucky :) > ______________________________________________________________________ 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/
