javascript - Allow float element to overflow horizontally -
i have following structure:
<div id="hold"> <div id="hold-left">content</div> <div id="hold-right">content</div> </div> hold-left floats left , hold-right floats right. widths 40% , 55% when page loaded. thing is, hold-right sort of preview of , user needs able resize it.
this done using javascript (the user selects zoom level radio button), issue facing that, if enlarged, drops down beneath hold-left. i'd float on freely outside of parent div.
how go this? can done through css @ all, or need dynamically resize parent every time resize hold-right?
have considered using left margin on .hold-right?
.hold-left{ float:left; width:40%; } .hold-right{ margin-left:45%; } also, should use classes, not ids.
Comments
Post a Comment