hi all,
I am working on aspx page which is having three 'div' tags.
First one is header div which is having fixed positioning and left and top
position '0px'.Also the div is having 50px height and 1060px width .
Second div is a footer div which is fixed at the bottom of the page.
Third div is the content div which contains the content text.
here is how the code follows:
<body>
<form id="form1" runat="server">
<div>
<div id="header" > <h3>
References and Information Sources</h3>
</div>
<div id="content">
<------content text------>
</div>
<div id="footer">
Modifications:
16 Feb 2000: Inclusion of multi-layer architectures and net-centric systems.
</div>
</div>
</form>
</body>
I have set css for header div and footer div in the folowing way:
#header
{
position:fixed;
left:0px;
top:0px;
height: 50px;
width: 1060px;
text-align: center;
padding: 5px;
/*overflow: scroll;*/
font: 0.75em verdana;
background-color:Gray;
color:Red;
}
#footer
{
position:fixed;
left:0px;
top:530px;
height: 50px;
width: 1060px;
text-align:center;
padding: 5px;
/*overflow: scroll;*/
font: 0.75em verdana;
background-color:Gray;
color:Red;
}
now i have a problem when i restore the window after maximizing my footer just vanishes and again it comes back when maximized.
here i want the header and footer positions to be fixed ,whereas in my second div tag which contains my content should get adjusted when the screen is restored.
Does anyone has any accurate suggestions please.......
Regards
Balu
I am working on aspx page which is having three 'div' tags.
First one is header div which is having fixed positioning and left and top
position '0px'.Also the div is having 50px height and 1060px width .
Second div is a footer div which is fixed at the bottom of the page.
Third div is the content div which contains the content text.
here is how the code follows:
<body>
<form id="form1" runat="server">
<div>
<div id="header" > <h3>
References and Information Sources</h3>
</div>
<div id="content">
<------content text------>
</div>
<div id="footer">
Modifications:
16 Feb 2000: Inclusion of multi-layer architectures and net-centric systems.
</div>
</div>
</form>
</body>
I have set css for header div and footer div in the folowing way:
#header
{
position:fixed;
left:0px;
top:0px;
height: 50px;
width: 1060px;
text-align: center;
padding: 5px;
/*overflow: scroll;*/
font: 0.75em verdana;
background-color:Gray;
color:Red;
}
#footer
{
position:fixed;
left:0px;
top:530px;
height: 50px;
width: 1060px;
text-align:center;
padding: 5px;
/*overflow: scroll;*/
font: 0.75em verdana;
background-color:Gray;
color:Red;
}
now i have a problem when i restore the window after maximizing my footer just vanishes and again it comes back when maximized.
here i want the header and footer positions to be fixed ,whereas in my second div tag which contains my content should get adjusted when the screen is restored.
Does anyone has any accurate suggestions please.......
Regards
Balu
Comment