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


Новый статус (1)
*******

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


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 голову ломал! Теперь всё нормально!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужна верстка со знанием php
6 Nemo 429 Вчера, 20:30
автор: WoWeb
Открытая тема (нет новых ответов) Верстка + натяжка на CMS WordPress, OpenCart
2 Chezarius 323 24.5.2018, 19:38
автор: k_artem
Горячая тема (нет новых ответов) Студия «Омега» — создание сайтов, дизайн, верстка.
72 Delpix 30520 19.5.2018, 21:41
автор: Delpix
Открытая тема (нет новых ответов) Верстка (стандартная, адаптивная, мобильная), натяжка на Wordpress, лендинги "под ключ"
отличное качество и заманчивые цены
17 vicatsu 9661 17.5.2018, 14:04
автор: vicatsu
Открытая тема (нет новых ответов) Дизайн + верстка от 115$ | Сайты и лендинги | Редизайн
0 Flegs 303 16.5.2018, 13:27
автор: Flegs


 



RSS Текстовая версия Сейчас: 27.5.2018, 6:20
Дизайн