CSS, позиционирование блоков

newbik0 · 31.03.2012, 23:10

Вот такой код у меня на страничке:

Код HTML:

<div id="main">
  <div id="text">текст ТОЛЬКО здесь, больше нигде</div>
  <div id="img1">тут картинка</div>
</div>

А вот такой код в стилях CSS:

Код HTML:

#text {
	padding:10px 20px;
}

#img1 {
	position:relative;
	margin-top:-227px;
	top:100%;
	left:10px;
}

_____________________
ЗАДАЧА: сделать так, чтобы блок IMG1 был ВСЕГДА в самом низу блока MAIN.
проблема в том, что из-за блока TEXT блок MAIN то растягивается по вертикали, то сужается (в зависимости от кол-ва текста в блоке TEXT).

и если блок пустой, картинка на месте
а если в блоке есть слова, то картинка ползёт вниз!

помогите, пожалуйста

Baron95 · 24.04.2012, 09:40

Пиши блок в блоке так проще или я не понял твою проблему

Код:

<div id="main">
  <div id="text">текст ТОЛЬКО здесь, больше нигде<div id="img1">тут картинка</div></div>
  
</div>

И не понимаю зачем такой большой маргин поставил[COLOR="Silver"]

31.03.2012, 23:10	#1 (ссылка)
newbik0 Новичок Регистрация: 20.12.2011 Сообщений: 316 Репутация: 11	CSS, позиционирование блоков Вот такой код у меня на страничке: Код HTML: <div id="main"> <div id="text">текст ТОЛЬКО здесь, больше нигде</div> <div id="img1">тут картинка</div> </div> А вот такой код в стилях CSS: Код HTML: #text { padding:10px 20px; } #img1 { position:relative; margin-top:-227px; top:100%; left:10px; } _____________________ ЗАДАЧА: сделать так, чтобы блок IMG1 был ВСЕГДА в самом низу блока MAIN. проблема в том, что из-за блока TEXT блок MAIN то растягивается по вертикали, то сужается (в зависимости от кол-ва текста в блоке TEXT). и если блок пустой, картинка на месте а если в блоке есть слова, то картинка ползёт вниз! помогите, пожалуйста

24.04.2012, 09:40	#2 (ссылка)
Baron95 Новичок Регистрация: 28.01.2011 Сообщений: 185 Репутация: 4	Пиши блок в блоке так проще или я не понял твою проблему Код: <div id="main"> <div id="text">текст ТОЛЬКО здесь, больше нигде<div id="img1">тут картинка</div></div> </div> И не понимаю зачем такой большой маргин поставил[COLOR="Silver"]

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Ремонт ноутбуков, системных блоков, мониторов и телевизоров ЖК, LCD.	RiaComp	Реклама, объявления	0	18.05.2011 13:23
Продажа зап.частей для ноутбуков и системных блоков.	RiaComp	Реклама, объявления	4	22.04.2011 20:16
Сканировал Винт Викторией 516 опасных блоков. КАК их исправить?	Ламер26	Неисправности, настройка	5	21.09.2010 17:36

Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)

Ads