Пустое место

[FlashVik]

Уважаемые! Столкнулся с данной проблемой... есть картинка в диве и текст , при наложении текста на картинку остается пустое место там где текст появился изначально и на это место положить можно ток позиционированием.

Основная проблема в том что бэграунд (картинка на весь контент) растягивается ровно на столько сколько занимает текст.

Надеюсь я изложил все так как надо помогите советами.

Буду очень признателен!

Edited February 9, 2010 by FlashVik

[rus]

Не очень понял, но думаю что вам надо диву в котором картинка бэграундом сказать position:relative; а другому диву, в котором текст сказать position:absolute;

[psywalker]

Не очень понял, но думаю что вам надо диву в котором картинка бэграундом сказать position:relative; а другому диву, в котором текст сказать position:absolute;

Да, а лучше даже для текста использовать спан, как правило так делается.

[FlashVik]

Есть блок с картинкой и есть блок с текстом(который стоит ниже блока с картинкой)когда текст накладываеться на картинку position:relative;

то на том месте где был текс остаеться место которое ничем не заполняеться в последствии.Браузеры будто думают что текст и там и там и растягивают бэкграунд.

Edited February 9, 2010 by FlashVik

[psywalker]

Есть блок с картинкой и есть блок с текстом(который стоит ниже блока с картинкой)когда текст накладываеться на картинку position:relative;

то на том месте где был текс остаеться место которое ничем не заполняеться в последствии.Браузеры будто думают что текст и там и там и растягивают бэкграунд.

Ну тебе же объяснили, что родительскому блоку задаёшь релатив, а спану с текстом абсолют.

[FlashVik]

Большое спасибо!Простите за повторение не сразу усек

[psywalker]

Большое спасибо!Простите за повторение не сразу усек

Да ерунда, бывает

[FlashVik]

Только теперь текст при свернутом окне не стоит на месте

[psywalker]

Только теперь текст при свернутом окне не стоит на месте

Покажи скриншот того, что хочешь получить.

И скриншот проблемы.

[FlashVik]

Вот фрагмент

 <div Id="blokok">
                        <img src="img/blokok.PNG" />
                        <span class="ko"><li >О компании</li></span>
                        <span class="ooo"><li>ООО «Витасфера» — лидер российского
                        рынка соков и один из крупнейших в стране<br /> производителей
                        детского питания. В структуру компании входят три производственных<br />
                        предприятия, расположенных в Липецкой области — завод «Лебедянский»
                         (г. Лебедянь),<br />ОАО «Прогресс» (г. Липецк) и ОАО «Троя-Ультра»
                         (г. Санкт-Петербург).</li></span>
                  </div>

#blokok{
  margin-left:8px;
  float:left;
}
.ko{
  color: #FFFFFF;
  font-size:24px;
  position: absolute;
  left:165px;
  top:220px;
}
.ooo{
  color: #FFFFFF;
  font-size: 12px;
  position:absolute;
  left:165px;
  top:260px;
}

Edited February 9, 2010 by FlashVik

[psywalker]

Аа, такой блок лучше делать тянущимся, либо одной картинкой, а в него тупо див с текстом, и паддингами нужными. Не нужно никаких абсолютов

[FlashVik]

Все разобрался все норма,тему можно закрыть и удалить всем кто пытался меня понять и помоч огромное пасибка))

[shvv]

Еще хороший вариант - использовать background вместо img, если это не связано с контентом.