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

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -