html - margin right doesn't work -
can 1 please me fix http://jsfiddle.net/q4rdl/2/ doing menu next , previous buttons 1 float right , other left , added div width 100% height 100% between pre , next divs , margin left works fine margin right doesn't work @
here code :
<div id="menu" style ="width : 100% ; height:50px ; border : 2px solid red ; position : absolute ; top:0 ; display : none" > <div id="pre" style ="height:100% ; width: 50px ; border :1px solid green ; float :left ; left:0 "><</div> <div id="menucontent" style="width:100% ; height:100% ; border : 5px solid green ; position:absolute; margin-left :60px ;" > </div> <div id="next" style ="height:100% ; width: 50px ; border :1px solid green ; float :right ; right:0 ; position:absolute ">></div> </div> <div id="show_hide" style ="width : 100% ; height:70px ; position : absolute ; top:0" ></div> question how make margin right works , why ?
try http://jsfiddle.net/q4rdl/32/
i remove width 100% , change "position" on div, solution can stretched resolution
Comments
Post a Comment