Проблема с тянущимися блоками

smog · February 7, 2010

Не получается поместить в один контейнер блоки, чтоб правый блок всплывал справа.

Надо, чтоб левый тянулся а правый был фиксированной ширины

а получается, что текст вытисняет и правый блок и он оказывается снизу.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>

<title></title>
<style type="text/css">

.Block_Top{ width:100%;}
.Block_Top_left{ float:left; background:red;}
.Block_Top_right{ float:right; background:#00FF00; width:332px;}

</style>

</head>
<body>
<div class="Block_Top">
<div class="Block_Top_left">ddddddddddddsdfnfffffffffЛевый блокffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
fffffffffffffffffffd</div>
<div class="Block_Top_right">Правый блок</div>
</div>

</body>
</html>

Mavrun · February 7, 2010

попробуй у .Block_Top_left убрать нафик float:left;

smog · February 7, 2010

попробуй у .Block_Top_left убрать нафик float:left;

Не работает

rus · February 7, 2010

.Block_Top{ width:100%;overflow:hidden;}

smog · February 7, 2010

.Block_Top{ width:100%;overflow:hidden;}

НЕ РАБОТАЕТ

Текст Левого блока выталкивает Правый блок вниз

Edited February 7, 2010 by smog

rus · February 7, 2010

а, ну так левому поставь вайт:авто

Sign In

Проблема с тянущимися блоками

Question

smog

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Mavrun

Link to comment

Share on other sites

smog

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

smog

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information