Hallo
hier der HTMl Code der Seite:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
XEON | Login
</title><link href="CSS/layout.css" rel="stylesheet" type="text/css" /></head>
<body>
<form name="aspnetForm" method="post" action="default.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTM5MzI1NTM2NmRkv8n+CRpsGj3YkMJig838Y2rB5Nw=" />
</div>
<div id="Tabelle_01">
<!-- Header -->
<div id="Slice01"></div>
<div id="Slice02"></div>
<div id="Slice03"></div>
<div id="Slice04"></div>
<div id="Slice05">
<table>
<tr>
<td style="width: 100px; height: 26px;">
Benutzername:</td>
<td style="width: 100px; height: 26px;">
<input name="ctl00$ContentPlaceHolder1$txt_benutzer" type="text" id="ctl00_ContentPlaceHolder1_txt_benutzer" /></td>
</tr>
<tr>
<td style="width: 100px">
Passwort:</td>
<td style="width: 100px">
<input name="ctl00$ContentPlaceHolder1$txt_passwort" type="text" id="ctl00_ContentPlaceHolder1_txt_passwort" /></td>
</tr>
<tr>
<td style="width: 100px">
</td>
<td style="width: 100px">
<input type="submit" name="ctl00$ContentPlaceHolder1$btn_login" value="Login" id="ctl00_ContentPlaceHolder1_btn_login" /></td>
</tr>
</table>
</div>
<div id="Slice06"></div>
<div id="Slice07"> </div>
</div>
<div>
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBAK04POYCAKBt6+CBgLK3I4NAqmqibEJDK8JT3dRCWYtDMom8MFHSytjjxc=" />
</div></form>
</body>
</html>
Und hier das dazugehörige stylesheet
body
{
font-family:Verdana, Arial;
font-size:11px;
color:#000000;
margin:auto;
}
#Tabelle_01
{
position:relative;
margin:auto;
width:996px;
height:100%;
overflow:hidden;
}
#Slice01
{
position:absolute;
left:0px;
top:0px;
width:996px;
height:132px;
background-image:url(../img/layout/Slice01.jpg);
}
#Slice02
{
position:absolute;
left:0px;
top:132px;
width:29px;
height:100%;
background-image:url(../img/layout/Slice02.jpg);
background-repeat:repeat-y;
}
#Slice03
{
position:absolute;
left:29px;
top:132px;
width:171px;
height:100%;
background-image:url(../img/layout/Slice03.jpg);
}
#Slice04
{
position:absolute;
left:200px;
top:132px;
width:15px;
height:100%;
background-image:url(../img/layout/Slice04.jpg);
}
#Slice05
{
position:absolute;
left:215px;
top:132px;
width:752px;
height:100%;
background-image:url(../img/layout/Slice05.jpg);
}
#Slice06
{
position:absolute;
left:967px;
top:132px;
width:29px;
height:100%;
background-image:url(../img/layout/Slice06.jpg);
}
#Slice07
{
position:absolute;
bottom:0px;
left:0px;
width:996px;
height:33px;
background-image:url(../img/layout/Slice07.jpg);
vertical-align:bottom;
}
