Верстка html страницы - HTML и CSS

skvair · 19.02.2012, 15:03

Проблема в том что когда в main ставлю перенос строки или таблицу или т.п. регистрация смещается вниз. И еще проблемы с footer он не выравнивается по низу. Огромное спасибо за помощь

HTML

Код HTML:

<html>
<head>
</head>
<body background="img/reg_left.jpg" text="#b9c7d8">


<div id="header" align="center">
<div id="header_back">
</div>
</div>



<div id="container">



<div id="left" align="center">
<div id="left_back">
<a href="index.html"><img src="img/b1.jpg" width="80" height="23" border="0" onMouseOver="src='img/b2.jpg'" onMouseOut="src='img/b1.jpg'"></a><a href="money.html"><img src="img/b5.jpg" width="80" height="23" border="0" onMouseOver="src='img/b6.jpg'" onMouseOut="src='img/b5.jpg'"></a><a href="love.html"><img src="img/b7.jpg" width="80" height="23" border="0" onMouseOver="src='img/b8.jpg'" onMouseOut="src='img/b7.jpg'"></a><a href="helf.html"><img src="img/b9.jpg" width="80" height="23" border="0" onMouseOver="src='img/b10.jpg'" onMouseOut="src='img/b9.jpg'"></a><a href="country.html"><img src="img/b13.jpg" width="80" height="23" border="0" onMouseOver="src='img/b14.jpg'" onMouseOut="src='img/b13.jpg'"></a><a href="other.html"><img src="img/b11.jpg" width="80" height="23" border="0" onMouseOver="src='img/b12.jpg'" onMouseOut="src='img/b11.jpg'"></a>
</div>
</div>

<div id="right_menu">
<br>
<br>
<br>
</div>


<div id="main">

</div>

<div id="registration">
<table>
<form name="reg">

<td colspan="2">
<center><b><font color="#b9c7d8" face="Arial, Helvetica, sans-serif">Регистрация</font></b></center></td><tr></tr><td>
<font color="#b9c7d8" face="Arial, Helvetica, sans-serif">Логин:</font></td><td>
<input align="right" name="login" type="text" size=10><br></td><tr></tr><td>
<font color="#b9c7d8" face="Arial, Helvetica, sans-serif">Пароль:</font></td><td>
<input align="right" name="pass" type="password" size=10></td><tr></tr><td>
<a href="registration.html"><img src="img/r1.jpg" width="80" height="23" border="0" onMouseOver="src='img/r2.jpg'" onMouseOut="src='img/r1.jpg'"> </a> </td><td>
<a href="registration.html"><a href="registration.html"><img src="img/r4.jpg" width="97" height="23" border="0" onMouseOver="src='img/r3.jpg'" onMouseOut="src='img/r4.jpg'"> </a>
  </td>
<tr height="100%">
</tr>
</form>
</table>
</div>


<div class="clearing"> </div>
</div>
<!__/container__>

<div id="sidebar">
</div

><div id="content"></div>

<div id="footer"></div>
fsdfsdfsdfsdfsd
</div>
<!__/wrapper__>
</div>
<div class="clearing">
</div>
</body>
</html>

CSS

PHP код:


			
@charset "windows-1251";

/* CSS Document */



body{

margin:0px;

padding:0px;}

#header {

background:url(../img/header.jpg) no-repeat;

height:160px;

width:100%;

margin:0 - 1px}

#header_back{

background-image:url(../img/back.jpg);

margin-left:1145px;

height:160px;

background-repeat:repeat-x;}

#registration{

float: left; 

width: 200 px;

position:relative;

display: inline;

height:auto;}

#left_back{

background-image:url(../img/left_back.jpg);

background-repeat:repeat-x;}

#left{

display:inline;

padding:0px;

margin:0px;

margin-left:0px;

padding-top:0px;

padding-left:0px;

}

#right_menu{

height:auto;

float: right; 

width: 200 px;

position:relative;

display: inline;

}











#left_back{

background-image:url(../img/left_back.jpg);

background-repeat:repeat-x;}





#left{

display:inline;

padding:0px;

margin:0px;

margin-left:0px;

padding-top:0px;

padding-left:0px;

}





#main{

border: dotted;

position: relative;

left:200px;

margin-left:0px;

left:200px;

display: inline;}







html {height: 100%;}

body {

  height: auto !important;

  height: 100%;

  min-height: 100%;

  position: relative;

}

#content {

  padding-bottom: 100px;

}

#footer {

  position: absolute;

  bottom: 0;

  height: 80px;

}

#content:after {

  content: ".";

  display: block;

  height: 0;

  visibility: hidden;

  clear: both;

}



.clearing {heigth 0; clear:both}

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Парсинг HTML страницы	OkeaH	Работа с сетью в Delphi	1	19.01.2009 09:17
Верстка html без css	Witaliy	HTML и CSS	3	29.10.2008 20:03
Html страницы	LineStown	Работа с сетью в Delphi	3	11.04.2007 13:16