Форум Сайтостроение Веб-строительство

Подскажите с версткой

N
На сайте с 14.06.2004
Offline
107
Nicca
314 




<div style="border:1px solid #D8D8D8; background:#FFFFFF; width:728px;"> <!--РАМКА-->

   <div class="background:url(xx) repeat-x top; padding:10px; text-align:left;    font-size:1.0em;">

     <div style="width:708px;">

        <div style="float:left; width:550px;">

                     TEXT LEFT

                </div>

                <div style="margin-left:550px; text-align:left; width:150px; vertical-align:top">

            TEXT  RIGHT

        </div>

     </div>

  </div>

</div>

Хочу чтобы левый и правый блок ( TEXT LEFT ) и (TEXT RIGHT) были в средине рамки <!--РАМКА-->

Вопрос Почему если в левом блоке стоит float:left - левый и правый блок уходят под div c рамкой (<!--РАМКА--> ), если убираю float:left - все нормально отображается так как хочу, но едет вниз правый блок(TEXT RIGHT)

В ИЕ все нормально , в мозилле этот косяк

Varkolak
На сайте с 03.06.2005
Offline
174
Varkolak
#1

полный бред, к слову: vertical-align:top - нет такого у div!

А не проще так, если я правильно понял конечно же:

HTML: 


<!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>Страница</title>

<meta name="keywords" content="" />

<meta name="description" content="" />

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<link href="style.css" rel="stylesheet" type="text/css" media="all" />

<link rel="shortcut icon" href="/favicon.ico" />

</head>

<body>

<div class="container">

<div class="wrapper">

<div class="left">левый столбец</div>

</div>

<div class="right">правый столбец</div>

<div class="clear"></div>

</div>

</body>

</html>

CSS: 


.container {

width:700px;

margin:0 auto;

border:1px solid #666666;

}



.left {

width:480px;

float:left;

padding:10px;

background:#FF0000;

}



.right {

float:right;

width:180px;

padding:10px;

background:#FFFF00;

}
html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий