css - 5px Bottom Margin Added Below Header Image -


summer-band.com

i know can removed using line-height:0; on #navigation , throws entire nav out of whack. trying find other solutions remove hits 5px margin (only on firefox/ mobile... doesn't show in chrome/ safari.)

it's navigation/sidebar causing this. suggest set navigation position: absolute. you'll need move header image left. preferably, include header , navigation inside container.

edit: next thing this:

#container { width: 560px; padding: 0 130px; margin: 0 auto; float: none; z-index: 5; height: auto; min-height: 600px; background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=100); opacity: 1.0; position: relative; } 

i've added margin: 0 auto, float: none (but instead of that, remove float), padding , position: relative. last step move navigation , header inside container, navigation positioned relative container.

finally, add navigation styles:

left: 0; 

Comments

Popular posts from this blog

SPSS keyboard combination alters encoding -

Add new record to the table by click on the button in Microsoft Access -

CSS3 Transition to highlight new elements created in JQuery -