Recently, I've been working on an Asp.net page and here's a snippet of my code:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="fisrt_page.aspx.cs" Inherits="my_project.fisrt_page" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link rel="stylesheet" type="text/css" href="../css/login_style.css" />
<title></title>
</head>
<body style="background: url(../images/demo/backgrounds/background_login.jpg);">
<form id="form1" runat="server" style="height: 100%; width: 100%;">
<......................my elements.....................>
</form>
</body>
</html>
When implementing the design, I encountered some issues with space that I'm looking to fix. Here is a link to how it currently looks:View Design
I want the design to fill the entire page and remove any unnecessary white spaces like shown in the image. Excuse my poor English, but can anyone provide me with assistance?
Below is a snippet of the CSS I used:
html, head, body, form {
height: 100%;
width: 100%;
}
.inputbox {
background: white;
border: 1px solid #DDD;
border-radius: 5px;
box-shadow: 0 0 5px #DDD inset;
color: #666;
outline: none;
height: 25px;
width: 275px;
font-size: 20px;
}