Hello,

On Mar 5, 2007, at 10:17 AM, Farid Jamea wrote:

> Here is the website I'm working on:
>
> http://cateringbyingrid.com/menu.html
>
> both IE7 and FF2 show spaces between my "menuheader" and "menufooter".

This is caused by normal margin collapsing... which takes everyone by 
surprise at some time or another :-)

Set top and bottom padding of 1px on div.menu and all will be well.

Just a style point... your names "menu", "MenuHeader", "MenuFooter" do 
not refer to "a kind of thing", but rather to "one specific thing", 
i.e. it's not "a MenuHeader", it's "*the* MenuHeader".  So, you should 
use the 'id' attribute for these, not 'class'.  A class is for naming a 
kind of somthing, an id is for naming a specific thing.  A CSS id 
selector looks like this:

        div#MenuHeader

Cheers,
—ml—

______________________________________________________________________
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/

Reply via email to