|
Subject:
|
Fixing Header & Footer
|
|
Posted By:
|
shazia1
|
Post Date:
|
7/2/2005 2:26:49 AM
|
i m working in ASP.net ..
facing problem in fixing & aligning header & footer
i hav tried many different codes available on net but problem still unsolved
can anyone help regarding code
THANKS.
|
|
Reply By:
|
om_prakash
|
Reply Date:
|
7/3/2005 2:52:26 AM
|
can you elaborate you problem..
Om Prakash
|
|
Reply By:
|
om_prakash
|
Reply Date:
|
7/3/2005 2:53:48 AM
|
Please paste the code which is used for footer/header display.
Om Prakash
|
|
Reply By:
|
shazia1
|
Reply Date:
|
7/4/2005 12:22:06 AM
|
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.
|
