i have used the following code for header n footer:
<style type="text/css">
html, body, #wrapper
{
min-height: 100%;
width: 100%; height: 100%;
margin: 0; padding: 0;
}
html>body, html>body #wrapper
{
height: auto;
}
#wrapper
{
position: absolute;
left: 0;
right: 0;
}
#footer
{
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
}
#header
{
position: absolute;
top: 0;
width: 100%;
text-align: center;
}
#main
{
margin-bottom: 3em;
margin-top: 7em;
height: auto;
padding: .5em;
}
when i paste this code in my asp page .. .Net changes it into the following:
<style type="text/css">
HTML { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 100%; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100% }
BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 100%; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100% }
#wrapper { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 100%; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100% }
UNKNOWN { HEIGHT: auto }
#wrapper { RIGHT: 0px; MIN-HEIGHT: 100%; LEFT: 0px; POSITION: absolute; HEIGHT: 100% }
#footer { WIDTH: 100%; BOTTOM: 0px; POSITION: absolute; TEXT-ALIGN: center }
#header { WIDTH: 100%; POSITION: absolute; TOP: 0px; TEXT-ALIGN: center }
#main { PADDING-RIGHT: 0.5em; MARGIN-TOP: 7em; PADDING-LEFT: 0.5em; MARGIN-BOTTOM: 3em; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; HEIGHT: auto }
</style>
i have made a page wid a table in the center containing some text fields & buttons each in a different row.
the problem is that .. when the page is maximized .. it looks fine .. but when it is restored, the buttons disappear.
similar wid next page .. which contains a datagrid showing records from DB. No matter how many records in data grid .. it shows the whole grid with all records ... but only buttons in the end disappears when in restored form.
Plz help.:(
|
