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

Popular posts from this blog

python - pip install -U PySide error -

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -