asp.net - Auto-sizing div elements -
i'm doing work cleaning asp.net web application, dropping html code asp.net i'm running formatting issues. have site.master page content pages inherit from. have couple of div elements nested within each other on page, wherein have asp control drop contents content pages. problem div containers don't auto-size though , contents overflow. don't lot of web development need on one.
html (site.master)
<body> ... <div class="wrapper"> <header> <!-- stuff --> </header> <div id="content-wrapper"> <asp:contentplaceholder id="maincontent" runat="server" /> </div> <!-- more stuff --> </div> <!-- end wrapper --> <!-- more stuff --> </body> css
#content-wrapper{ width:98%; height:100%; margin:0 auto; min-height:800px; background:white; -webkit-border-bottom-right-radius:0.50em; -webkit-border-bottom-left-radius:0.50em; -moz-border-radius-bottomright:0.50em; -moz-border-radius-bottomleft:0.50em; border-bottom-right-radius:0.50em; border-bottom-left-radius:0.50em; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; } someone else wrote html , css, not i'm familiar with, , i'm dropping application, i'm little lost on formatting business. reiterate, content drop asp placeholder overflowing "wrapper" , "content-wrapper" containers. html files though somehow i'm messing cut put in application.
when overflow mean content spills out of container. see here example: http://css-tricks.com/the-css-overflow-property/. overflow visible
the doctype declaration messing formatting.
changed from:
<!doctype html public "-//w3c//dtd html 4.01 transitional//en"> to:
<!doctype html> and no longer had issue.
Comments
Post a Comment