X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Сбивается верстка при позиционировании
АлексЛайнус
АлексЛайнус
Topic Starter сообщение 19.6.2014, 21:14; Ответить: АлексЛайнус
Сообщение #1


Частый гость
**

Группа: User
Сообщений: 94
Регистрация: 31.5.2013
Поблагодарили: 4 раза
Репутация:   3  


Такая проблема,
http://joxi.ru/ohmjU_3JTJAqY28jNrU

при
Цитата
#textblock {
display: block;
width: 500px;

}


Как только начинаю его позиционировать хоть через float, хоть через position absolute, вот что происходит.
http://joxi.ru/7RmjUxjKTJBDH2Dzfdo
При
Цитата
#textblock {
display: block;
width: 500px;
position: absolute;
top: 0px;
left: 200px;
}

Сам #textblock находится в главной оболочке #wrapper

вот его код
Цитата
#wrapper {
display: block;
width: 960px;
margin: 0 auto;
background-color:#FFFFFF;
box-shadow: 0 0 30px rgba(0,0,0,0.5);
}


В чем может быть причина? Уже несколько часов сижу парюсь. Может кто идеи подкинет?


--------------------
АНТИКРИЗИСНЫЙ дизайн сайтов за 2000 рублей! Весь Октябрь!!
Единственный БЕСПЛАТНЫЙ CallBack сервис обратного звонка за 24 секунды - Ссылка
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lostprophet
lostprophet
сообщение 19.6.2014, 21:55; Ответить: lostprophet
Сообщение #2


Топовый постер
*******

Группа: Super Moderator
Сообщений: 2565
Регистрация: 18.11.2008
Из: Ростов-на-Дону
Поблагодарили: 3170 раз
Репутация:   292  


position: absolute как-бы "извлекает элемент" из родительского блока, тем самым элемент не влияет ни на ширину, ни на высоту.
И посмотрите документацию, кому absolute, а кому и relative
А вот после float нужно что-то вроде этого <div style="clear:both;"></div>, нужно "обнулить" обтекание.


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
АлексЛайнус
АлексЛайнус
Topic Starter сообщение 19.6.2014, 22:00; Ответить: АлексЛайнус
Сообщение #3


Частый гость
**

Группа: User
Сообщений: 94
Регистрация: 31.5.2013
Поблагодарили: 4 раза
Репутация:   3  


lostprophet
Блин спасибо! Часа 3 голову ломал! Теперь всё нормально!

Сообщение отредактировал АлексЛайнус - 19.6.2014, 22:00


--------------------
АНТИКРИЗИСНЫЙ дизайн сайтов за 2000 рублей! Весь Октябрь!!
Единственный БЕСПЛАТНЫЙ CallBack сервис обратного звонка за 24 секунды - Ссылка
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Переносится ли вес и тИЦ от входящих ссылок при 301 редиректе
11 Bel_Ami 2853 Сегодня, 20:50
автор: alexandrrr
Открытая тема (нет новых ответов) PSD2HTML верстка и не только
Верстка макетов Photoshop / Avocode / с картинки
8 Smile3D 327 Вчера, 17:52
автор: Smile3D
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыОшибка при создании шаблона страницы ВП
Нет картинок
5 semarg 674 9.12.2017, 15:36
автор: Nell
Открытая тема (нет новых ответов) php скрипты любой сложности / диз+верстка (адаптивно)
любые задачи на php - автоматизация, парсинг, работа с БД
1 affrodita 475 8.12.2017, 17:40
автор: affrodita
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
61 inkon 13946 7.12.2017, 20:28
автор: inkon


 



RSS Текстовая версия Сейчас: 11.12.2017, 23:14
Дизайн