Может так?
| Код |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
html, body {
margin:0px;
padding:0px;
}
body {
background-color: #44463A;
}
td.stein {
background-color: #ECE9D8;
padding: 0px;
}
table.login {
background-color: #585B4B;
border-width: 1px;
border-style: solid;
border-color: #E2D4AF;
}
table.full {
width: 100%;
height: 100%;
}
td.top {
background-color: #ECE9A8;
}
td.field {
vertical-align: bottom;
}
td.centr {
text-align: center;
}
.message {
text-align: right;
vertical-align: bottom;
FONT-SIZE: 7.5pt;
font-family: verdana,sans-serif,arial;
COLOR: #E1D4AE;
padding-right: 5px;
height: 22px;
}
.copy {
text-align: center;
vertical-align: bottom;
FONT-SIZE: 7.5pt;
font-family: verdana,sans-serif,arial;
COLOR: #E1D4AE;
}
.subm {
padding-top: 5px;
}
.links {
text-align: center;
FONT-SIZE: 7.5pt;
FONT-FAMILY: verdana,sans-serif,arial;
COLOR: #E1D4AE;
padding-top: 4px;
padding-bottom: 15px;
}
.butt {
font-size: 7.5pt;
color: #E1D4AE;
font-family: Verdana, Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #BA940C;
border: 1px double #817A63;
}
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="full">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="full">
<tr style="height:82px;">
<td class="top" height="82"> </td>
</tr>
<tr>
<td class="stein"> </td>
</tr>
</table>
</td>
<td width="960" align="center" valign="top">
<table width="100%" border="1" cellpadding="0" cellspacing="0" style="height:100%">
<tr>
<td width="352" height="82" class="top"> </td>
<td width="258" class="top"> </td>
<td width="350" class="top"> </td>
</tr>
<tr>
<td height="133"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="26"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="stein" height="119"> </td>
<td class="stein"> </td>
<td class="stein"> </td>
</tr>
<tr>
<td class="stein" height="360"> <img src="images/test.gif" width="3" height="360" alt=""></td>
<td align="center" valign="top" bgcolor="Blue" height="360">
<table border="1" cellpadding="0" cellspacing="0" height="100%" class="full" bgcolor="Red">
<tr style="height: 120px;">
<td class="centr" style="height: 120px;">
<table width="220" class="login" border="0" cellpadding="0" cellspacing="0">
<tr><form action="#" method="post" name="enter">
<td class="message">логин:</td>
<td class="field"><input name="user_name" type="text" size="10" maxlength="30"></td>
</tr>
<tr>
<td class="message">пароль:</td>
<td class="field"><input name="password" type="password" size="10" maxlength="30"></td>
</tr>
<tr>
<td> </td>
<td class="subm"><input name="Submit" type="submit" class="butt" value="Войти"></td>
</tr>
<tr>
<td class="links"><a href="#">Регистрация</a></td>
<td class="links"><a href="#">Забыли пароль?</a></td>
</tr></form>
</table>
</td>
</tr>
<tr style="height: 200px;">
<td class="centr">
<table width="220" class="login" style="height: 100%;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
</td>
</tr>
<tr>
<td class="centr"> </td>
</tr>
</table>
</td>
</tr>
<tr style="height: 40px;">
<td height="40">
</td>
</tr>
</table>
</td>
<td class="stein"> </td>
</tr>
<tr>
<td colspan="3" height="30" class="stein" align="center"><p class="copy">© Copyright 2007</p>
</td>
</tr>
</table>
</td>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="full">
<tr style="height: 82px;">
<td class="top" height="82"> </td>
</tr>
<tr>
<td class="stein"> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
|
Цитата(mixas @ 14.10.2007, 18:19  ) | сорри, что так много кода
|
Вообще, чтобы не сильно страшно было, следует впредь сводить все к простой задаче, например, к такой:
| Код |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
html, body {
margin:0px;
padding:0px;
}
body {
background-color: #44463A;
}
td.stein {
background-color: #ECE9D8;
padding: 0px;
}
table.full {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="height:100%">
<tr>
<td class="stein" height="360">серая область слева</td>
<td align="center" valign="top" bgcolor="Blue">
<table border="1" cellpadding="0" cellspacing="0" class="full" bgcolor="Red">
<tr><td>qwerty</td></tr>
</table>
</td>
</tr>
</table>
</body>
</html>
|
Суть та же, а тараканов лишних нет, люди не пугаются, иначе может с ответом вообще не повезти - так и промолчат все, не желая ковыряться в излишнем чужом коде
P.S. А еще часто случается, что пока оформляешь грамотно вопрос, отсеивая лишнее, то вдруг и вопрос уходит сам собой, так как решение становится налицо. Недаром говорят - правильно сформулированный вопрос - есть уже половина ответа. |
