Произвольная длина div'a @ DeForum.ru

Когда у дива есть float и не указан width он становится "растягивающимся" за счет внутреннего контента. Можно ли как-нибудь сделать div "растягивающимся" но без float, да еще так, чтобы это работало в IE6?

странное желание. Цель?

Напр., <div style="display:inline;" …

Нужно вот такую штуку сделать

--------
| title | <- вот этот дивчик должен тянуться
----------------------
| content******|
| ************|
----------------------

Таких блоков будет много, title будет разный у них.
display:inline не катит, т.к. нужен достаточно большой паддинг, и из-за него фон у inline элементов, как известно "уезжает в не зависимости от окружения"
Плюс там еще на верхних углах скругления будут.

cosmic, чем мешает флоат? )))

ulitin kirill, Следующий див придется делать clear:left, а у меня слева уже есть сайдбар, который float:left.
Поэтому див с контентом упадет ниже сайдбара. Короче нельзя

cosmic, вы не сказали, для чего вам блокнеизвестной ширины.
Напр.
<div style="clear:both;">
<h1 style="float:left;clear:both;padding:20px;">Amazing header with cool paddings & backgrounds</h1>
</div>

cosmic, а все размеры жесткие? может тогда под контент сделать див и назначить ему флоат лефт, тогда он выпадать не будет

не, я в ребусы играть не буду, сорри

ulitin kirill, не врубился чет

karamba, Не ну а че вы пристали, зачем тебе, какая цель... Надо и все тут :laugh:

Но я уже понял, что нельзя так

Буду вручную ширину ставить...

cosmic, ну сайт по ширине фиксированный? Или контент тянется?

cosmic, да не нужно ниче зажимать. Все реализуется.
Верхний заголовок (если речь о нем) суется во внешний контейнер двумя способами

раз:

Код:

.HeadContainer {
    clear: both;
    width: 100%;
}
.HeadContainer h1 {
    float: right;
    clear: both;
    text-align: right;
    padding: 1em;
    background: … ;
}

два:

Код:

.HeadContainer {
    position: relative;
    width: 100%;
}
.HeadContainer h1 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    text-align: right;
    padding: 1em;
    background: … ;
}

хтмл:

Код:

<div class="HeadContainer">
    <h1>Halo! Nice 2 meet u here</h1>
</div>

второй способ менее гибкий.
А насчет закруглений — только ленивый не спрашивал и не находил кучу готовых решений.

karamba, ЕКЛМН, прости чувак, но ты не туда смотрел :lol:

На моей картинке русскими белыми буквами видишь где написано? Search - это тот самый заголовок. Вот над этим дивчиком я бьюсь/бился.

Зато твой пример навел меня на мысль, что можно сделать так:

Код:

<div style="position:relative">
  <div style="position:absolute; padding:10px">Search</div>
</div>

Завтра на работе попробую

Чтобы clear:left не влиял на sidebar, сделайте вначале 2 колонки

IonDen666, во во, вобще, что бы флоат применять корректно флочить надо всю ветку дивов...

IonDen666, ulitin kirill,
Я так и делаю

Код:

<div id="content">
   
   <div class="cor-green-tr"></div>
   <div class="cor-green-bl"></div>
   <div class="cor-green-br"></div>
      
   <div id="sidebar" class="f-left"> <!-- колонка 1 -->
      <div><img src="i/ad.gif"></div>
   </div>
      
   <div id="contright"> <!-- колонка 2 -->
      <div id="search" class="block2">
         <h2><div class="cor-blue-tl"></div><div class="cor-blue-tr"></div>Search</h2>
         <div class="block3"><input type="text" class="search-input"></div>
      </div>
   </div>
      
</div>

cosmic писал(а):

karamba, ЕКЛМН, прости чувак, но ты не туда смотрел

я сразу сказал, что в ребусы играть не хочу.

cosmic, у вас там прямо дебри... Если вы хотите, что блок с текстом "Search" тянулся (а точнее слово было с фоном), то вот так сделать проще:

Код:

<h2 style="backgound:url(left-bg.gif);"><span style="margin-left:20px;padding-right:20px;background:blue url(right-bg.gif) 100% 0 no-repeat;"></span></h2>

Идея понятна?

DeДверь
Логин:
Пароль:
	Автологин