Размещение блоков

Snake242 · June 21, 2009

Помогите решить вот такую проблемку:

CSS - код

@charset "utf-8";
/* CSS Document */
body {
	background-color:#FFF;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*Бокс 1*/
div.h1 {
	margin: 10px;
	padding:35px;
	background-image:url(../img/Log_in.jpg);
	width:230px;
}
.ot_l {margin-top:3px; margin-bottom:3px; margin-left:8px;}
.ot_p {margin-top:3px; margin-bottom:3px; margin-left:3px;}
.f_1 {font:Verdana, Geneva, sans-serif; font-size: 11px;}
/*Бокс 2*/
div.h2 {
	margin:10px;
	width:300px;
	height:150px;
	background-image:url(../img/Log_in.jpg);
	position:absolute;
	right:10px;
	top: 60px;
}

PHP - код

<body>
<table width="100%" height="50" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td> </td>
    <td width="200"> </td>
  </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><div class="h1">
        <table width="230" height="80" border="0" align="center" cellspacing="0" cellpadding="0" class="f_1">
      <tr>
        <td>
        <form name="form1" method="post" action="" class="ot_l">
          <label>Логин
            <input type="text" name="login" id="login">
          </label>
        </form>
        </td>
        <td width="30" rowspan="3"> </td>
      </tr>
      <tr>
        <td><form name="form2" method="post" action="" class="ot_p">
          <label>Пароль
            <input type="text" name="Password" id="Password">
          </label>
        </form>
        </td>
      </tr>
      <tr>
        <td align="center"><a href="Blog/reg_in/reg.php">Регистрация</a> <a href="Blog/reg_in/pas_rec.php">Забыли пароль?</a></td>
      </tr>
    </table>
    </div>
        <div class="h2">

        </div>
    </td>
  </tr>
</table>
<table width="100%" height="50" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td> </td>
  </tr>
</table>

</body>

Вот что получается:

Как сделать что бы один блок не наезжал на другой?..

Буду очень признателен за помощь...

Snake242 · June 21, 2009

Что ни кто не знает?.. Хотя наверно плохо скрины сделал... Смысл вопроса такой есть 3 блока, левый и правый закреплены с правой и с левой стороны страницы а средний блок должен изменять свою длину в зависимости от разворота страницы и чтоб ни один из блоков друг на друга не заезжал... с двумя блоками все ясно а вот с тремя...

Snake242 · June 21, 2009

нашел решение кому интересно сюда

Игорь Ермаков · June 21, 2009

Я плакал.

Sign In

Размещение блоков

Question

Snake242

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Snake242

Link to comment

Share on other sites

Snake242

Link to comment

Share on other sites

Игорь Ермаков

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information