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
Post a Comment