Форум успешных вебмастеров - GoFuckBiz.com

  Форум успешных вебмастеров - GoFuckBiz.com > Бизнес-решения > Скрипты, программы и технические решения
Дата
USD/RUB58.9300
BTC/USD0.0000
Скрипты, программы и технические решения Обсуждаем скрипты, программы и новые технологии.

Закрытая тема
Опции темы Опции просмотра
Старый 02.12.2012, 19:59   #1
smsupport
Bitcoin сектант
 
Аватар для smsupport
 
Регистрация: 12.07.2009
Сообщений: 949
Бабло: $252435
Question Проблема с версткой. Абсолютное позиционирование.

Надеюсь на Вашу помощь. На картинке визуально показано, что нужно. Вот код:
Код:
.pagecon {	background: #FFF;
	padding:0 10px 10px 10px;
	margin:0 20px 10px 0;
	clear: both;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	position:relative;
	}
	
.screenme { position:absolute; left:0;}
.downme { position:absolute; padding: 0 0 0 240px;}
Код:
<div class="pagecon">

<div class="screenme"><img src="http://site.com/jpeg" /></div>
<div class="downme">Text</div>

<h2>Comments</h2>

</div>
Знаю, как решить задачу через float, но нужно без него.
Изображения
Тип файла: png help.png (3.7 Кб, 22 просмотров)
__________________
Конвертирую РУ траф в реальные деньги тут
smsupport вне форума  
Старый 02.12.2012, 20:01   #2
sspy
главный злодей гофака
 
Аватар для sspy
 
Регистрация: 18.06.2007
Сообщений: 5,297
Бабло: $878343
По умолчанию

после черных квадратов вставь
<div class="clear"></div>

.clear { clear: both; }
sspy вне форума  
Старый 02.12.2012, 20:38   #3
smsupport
Bitcoin сектант
 
Аватар для smsupport
 
Регистрация: 12.07.2009
Сообщений: 949
Бабло: $252435
ТС -->
автор темы ТС По умолчанию

Цитата:
Сообщение от sspy Посмотреть сообщение
после черных квадратов вставь
<div class="clear"></div>

.clear { clear: both; }
это для float. не решает мой вопрос
__________________
Конвертирую РУ траф в реальные деньги тут
smsupport вне форума  
Старый 02.12.2012, 21:50   #4
malishka
Member
 
Аватар для malishka
 
Регистрация: 28.11.2009
Сообщений: 483
Бабло: $206055
По умолчанию

Ты можешь дать нормально код, что бы было как на картинке? Или еще за тебя дописывать?
Это раз.
Второе - доктайп какой ставишь?
__________________
И пусть судьба несправедлива - вся жизнь игра, играй красиво
malishka вне форума  
Старый 02.12.2012, 22:05   #5
Алёша
Ебланнед
 
Регистрация: 30.03.2012
Сообщений: 180
Бабло: $177310
По умолчанию

у всех трёх сделай position:relative и будет тебе счастье
в противном случае жёстко надо писать height:
можно ещё попробовать добавить блок с position:relative под screenme и downme
после downme в общем
Алёша вне форума  
Старый 02.12.2012, 22:16   #6
smsupport
Bitcoin сектант
 
Аватар для smsupport
 
Регистрация: 12.07.2009
Сообщений: 949
Бабло: $252435
ТС -->
автор темы ТС По умолчанию

Сделал через: display:inline-block; vertical-align:top;
__________________
Конвертирую РУ траф в реальные деньги тут
smsupport вне форума