android - Header Not 100% When Displayed In Mobile Devices -
android - Header Not 100% When Displayed In Mobile Devices -
i have created header disappears when user scrolls down. header floats left leaving amounts 20px gap on right hand side, when displayed on mobile device. not know how prepare , great total help can provided.
i have created 4 divs hold header in place. first 2 header bar causing issue. issue can solved if position set fixed, scrolling not work
#headerbar { width: 100%; background-image: url(../image-core/header.png); background-position: 0px 0px; background-repeat: repeat-x; height: 80px; margin: 0px; border: 0px solid #fff; position: absolute; z-index: 100; } #headerbar #headerbarcontainer { width: 980px; margin: 0px auto; text-align: center; height: 76px; }
the next div contains logo positioned left
#headerbar #headerbarcontainerleft { width: 200px; float: left; text-align: left; }
the final div positions navigation bar right of logo
#headerbar #headerbarcontainerright { width: 690px; float: right; padding: 23px 0px 0px 0px; text-align:right; font-size: 16.5px; color: #fff; }
android html css
Comments
Post a Comment