![]() |
|
Модераторы: Illuminaty |
![]()
|
|
| Самозванка |
|
|||
![]() Девушка в стиле IT ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 484 Регистрация: 5.9.2006 Где: USA Репутация: нет Всего: 40 |
Верстаю таблицу, ширина у нее стабильная 1000; если она выравнена по левому краю то div срабатывает как надо. Если делаю центральное выравнивание таблицы, div съезжает. Как зафиксировать div ? Приведу часть кода из одной ячейки...куда вставляеться div
|
|||
|
||||
| kizune |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 277 Регистрация: 10.7.2007 Репутация: 9 Всего: 9 |
а где div должен располагаться?
пишете,что ширина таблицы 1000,а в коде 114 - какое значение является правильным? Это сообщение отредактировал(а) kizune - 20.12.2007, 16:24 |
|||
|
||||
| Самозванка |
|
|||
![]() Девушка в стиле IT ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 484 Регистрация: 5.9.2006 Где: USA Репутация: нет Всего: 40 |
Приведу полный код страницы:
Добавлю, что div ползет при изменение экрана на расширение 1284... ps. Верстаю, грубо говоря первый раз, хотелось бы услышать поправки по коду, если возможно... Это сообщение отредактировал(а) Самозванка - 20.12.2007, 16:28 |
|||
|
||||
| kizune |
|
||||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 277 Регистрация: 10.7.2007 Репутация: 9 Всего: 9 |
весь код страницы:
ячейка таблицы с дивом
position:absolute там не нужен. по поводу всего кода: лучше вынести все стили в css файл,страница будет быстрее грузиться и код будет более читабельным |
||||
|
|||||
| bars80080 |
|
|||
![]() прапор творюет ![]() ![]() ![]() ![]() Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
труднова-то понять конечно
див съезжает, в смысле остаётся на месте? да/нет не важно абсолютное позиционирование - позиционирования относительно лежащего слоя проверил текст, у тебя трижды position: absolute; это значит, что они цепляются координатами left и top за тэг <body> чтобы их соориентировать относительно другого элемента, к примеру квадрата поиск, надо этому элементу придать position: relative вообще почитай http://htmlbook.ru/css/position.html там всё объяняется про стили Кизун верно говорит, это то что отличает новичка от более менее оптыного верстальщика твой код уменьшится в разы Это сообщение отредактировал(а) bars80080 - 20.12.2007, 16:48 |
|||
|
||||
| Самозванка |
|
|||
![]() Девушка в стиле IT ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 484 Регистрация: 5.9.2006 Где: USA Репутация: нет Всего: 40 |
kizune, я так пробовала без absolute. Получается что тогда таблица растягивается вниз и есть ячейка таблиицы и див , ширина строки увеличиваеться
Добавлено через 2 минуты и 16 секунд bars80080, спасибо, в принципе такой отет я и ждала... так как вопрос неправильно сформулировала... надо было спросить так: как задать позиционирование дива не относительно боди, а другого контейнера. Ссылку сейчас прочитаю... Добавлено через 7 минут и 46 секунд bars80080, Честно прочитала. Но не очень поняла, как сделать например , чтобы див позиционировался относительно тэга table, То есть верхнего левого угла основной таблицы..... |
|||
|
||||
| kizune |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 277 Регистрация: 10.7.2007 Репутация: 9 Всего: 9 |
для того,чтобы не растягивалась добавлен margin-bottom:0px для <form> Это сообщение отредактировал(а) kizune - 20.12.2007, 17:00 |
|||
|
||||
| Самозванка |
|
|||
![]() Девушка в стиле IT ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 484 Регистрация: 5.9.2006 Где: USA Репутация: нет Всего: 40 |
kizune, сработало, но я не очень поняла почему так происходит, вообщем буду учить матчасть...
И к тому же хочется понять как это сделать с помощью Position всё же... |
|||
|
||||
| bars80080 |
|
||||
![]() прапор творюет ![]() ![]() ![]() ![]() Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
всё же очень просто
задаём таблице идентификатор (чтобы на другие распространялось)
в css пишем
по умолчанию у всех элементов position: static relative - выдёргивает таблицу из предыдущего поля (то есть body), теперь все элементы внутри тэгов table будут позиционироваться относительно таблицы, задай для своего поиска left: 0px; top: 0px и увидишь куда он уткнётся если поиск окажется внутри другого элемента с position: relative, то он начнёт ориентироваться относительно его |
||||
|
|||||
| Самозванка |
|
|||
![]() Девушка в стиле IT ![]() ![]() Профиль Группа: Завсегдатай Сообщений: 484 Регистрация: 5.9.2006 Где: USA Репутация: нет Всего: 40 |
bars80080,
kizune, Спасибо огромное, и один и другой метод пригодились, всё получилось! |
|||
|
||||
![]()
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |