Home/ Questions/Q 7592987
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T21:03:03+00:00

I have created a master page in asp.net which uses the following css to

  • 0

I have created a master page in asp.net which uses the following css to create my border. I have a logon screen which is centred in the middle of the browser window depending upon its size using the css (accountinfo). See browser screenprint below.

As you can see the border doesnt stretch to the bottom of the browser, is there a way of achieving this? I have tried height:100% in my body and .page however it makes no difference.

body{
background-color: #EFEFEF;
margin-left: auto;
margin-right: auto;
padding: 0;
position: relative;    
}

.page{
margin:10px;
background-color: #fff;
border:2px solid #fff;
border-radius:25px;
-moz-border-radius:25px;
height:1000px;
}

.accountInfo{
 position: fixed;
 top: 50%;
 left: 50%;
 margin-top: -50px;
 margin-left: -100px;
 width:200px;
 height:100px;
 font-size:80%;
 }

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Why not 

    position: fixed;
z-index -1;
left:20px;
right:20px;
top:20px;
bottom:20px;

    You could also add height:100% to <html> and <body> elements

    edit

    also to the <form> element

    • 0