Post by imsir » Thu Feb 14, 2013 4:50 am

I want to eliminate margin between menu and content:

This is normal picture:
http://i.imgur.com/sk6zyFC.jpg

When I delete margin-bottom from menu, my site goes mad:
http://i.imgur.com/1Z9Suzw.jpg

I really don't understand.

New member

Posts

Joined
Tue Jan 29, 2013 12:20 am

Post by imsir » Thu Feb 14, 2013 5:35 am

Ok I figured it out. The problem was here:

#menu > ul > li {
position: relative;
float: left;
z-index: 20;
padding: 6px 5px 5px 0px;
}

I had to optimize:
padding: 6px 5px 5px 0px;

So it wouldn't mess up the page. Stuff overlaped over content_top so it messed the site. I always taught, that I cannot make margin:0, but actually it was. The only problem why it messed the page is because padding overlapped height of menu.

New member

Posts

Joined
Tue Jan 29, 2013 12:20 am
Who is online

Users browsing this forum: No registered users and 2 guests