Космический котик
Доброго времени суток. Я в сообществе довольно долго, но такой вопрос тут еще не рассматривался. Во всяком случае, я не видела =) Вопрос довольно нетривиальный. В моем дневнике ссылки названия дневника и имени автора заменены картинками и их положение настроено так, чтобы занимать определенные места на экстратопе при разрешении 1280:1024. Для придания такого положения я знаю 2 способа:
- #элемент { position:absolute; top: 25px; left: 985px;} - указание горизонтальной координаты в пикселях
- #элемент { position:absolute; top: 25px; left: 76%;} - указание горизонтальной координаты в процентах
Отсчет идет от левого края страницы. Проблемы начинаются при просмотре с разных разрешений (например, 1280:1024 и 1024:768). При первом способе ссылки со своих мест на экстратопе "уезжают". При втором - ссылки остаются фиксированными, но "уезжают" их места на экстратопе из-за перемены разрешения.
Я подумала, что избежать этого можно, прописав отступ не от левого края страницы, а от левой границы контейнера дневника, wrapper.
Скажите, как построить для этого код?..
И как сделать так, чтобы эти ссылки не подчеркивались пунктиром, как все остальные?..

@темы: меню, отступы

Комментарии
10.03.2009 в 06:14

Совершенству эволюция не нужна.
~Laeri~
Если вы хотите прописывать позицию от края родительского элемента, то нужно брать position: relative
В ином случае очень помогает, когда родительский элемент, дочерний элемент которого имеет absolute, тоже абсолютно позиционирован.
По идее, absolute предполагает, что элемент с такой позицией выходит из своих родительских границ и находится как бы в свободном состоянии на странице, и позиция его отсчитывается от краев именно страницы самой.. Но некоторые браузеры, ИЕ например, этого не понимают, и упорно продолжают отсчитывать left и top от края родительского элемента.
Так что или меняем позицию родителя на абсолютную, или дочернему пишем relative.
10.03.2009 в 14:15

Космический котик
Roldo позицию родителя тоже не поменяешь - вернемся к косяку из-за разрешений =)
я попробовала заменить абсолют на релятив, получилось: #authorName { position: relative; top: 100px; left: 50%;}
оказалось, что 100 пикселей отсчитывается от верха дневника, игнорируя экстратоп. то етсь, даже при задании пиксельной переменной как 0, ссылка имени автора просто возвращается на свою "широту"...
может подскажете мне-бестолковой, как правильно код выстроить?)
10.03.2009 в 16:43

Совершенству эволюция не нужна.
~Laeri~
Имя автора отсчитываться должно от края меню #side по идее. На одном из дневников (nalu.diary.ru) я делал примерно такой же код, и все работает совершенно нормально.
Глянул ваш дневник, все отображается корректно..