auto resize webpage html/css -
im trying window in sharepoint auto-resize when user changes size of window. im using web version of sharepoint @ work. not allowed use designer.
<style type="text/css"> #dgwrap { height: 1000px; background-image: url(publishingimages/graybk.png); background-repeat: repeat-y; margin-top: 75px; width: 1325px } .dgtopbox { font-size: 9pt; height: 200px; float: left; text-align: center; margin-left: 350px; margin-top: 110px; width: 700px } #dgtopboxleft { height: 50px; float: left; margin-left: 350px; margin-top: 25px; width: 200px } #dgtopboxright { height: 50px; float: right; margin-top: 25px; width: 200px; margin-right: 300px } #dgtopboxother { float: left; margin-right: 25px } #otherbutton { height: 35px; background-image: url(publishingimages/otherbutton.png); background-repeat: no-repeat; margin-top: 70px; display: block; width: 160px } #clmbutton { border-top: #838b8b 1pt solid; height: 40px; border-right: #838b8b 1pt solid; background-image: url(publishingimages/clmbutton.png); border-bottom: #838b8b 1pt solid; border-left: #838b8b 1pt solid; display: block } #clmbutton:hover { background-image: url(/operations/provideroperations/specialops/publishingimages/clmbutton2.png) } #confbutton { border-top: #838b8b 1pt solid; height: 40px; border-right: #838b8b 1pt solid; background-image: url(/publishingimages/confbutton.png); border-bottom: #838b8b 1pt solid; border-left: #838b8b 1pt solid; display: block } #confbutton:hover { background-image: url(/publishingimages/confbutton2.png) } </style> <div id="dgwrap"> <div id="dgtopboxleft"><a title="1box" id="clmbutton" href="####.html"></a></div> <div id="dgtopboxright"><a title="2box" id="confbutton" href="####.html"></a></div> <div id="dgtopboxother"><a title="3box" id="otherbutton" href="####.html"></a></div> <div class="dgtopbox"> <h3>request policy</h3> <p style="text-align: left">1.text here.</p> <p style="text-align: left">2.text.</p> </div> </div>
if trying make page responsive should put values in %, give max-width , max-height instead of height , width, try remove display:block as possible regards arjun
Comments
Post a Comment