14:24

you can't stop me lovin' myself
Столкнулась с двумя проблемами:

1. Стоит верхнее меню. Позиционирую ник с помощью relative. В ИЕ7 ник постоянно сдвигается вправо относительно заданного положения. В Мозилле (и Опере, судя по отзывам ПЧей) все позиционируется как надо. В ИЕ8 - тоже. Про шестой и вовсе боюсь думать, ну да черт с этим старьем, а вот с ИЕ7 дизайн хотелось бы "подружить", да.

Кто-нибудь знает, как это лечить?
Absolute предлагать не желательно.

2. Делаю аватарки на главной ленте дневника (по рецепту Рецке). После некоторых мучений и додумываний на главной странице все утряслось, но в комментариях, ленте избранного и цитатнике творится что-то страшное:

а) так выглядит первая запись в ленте избранного/цитатника (у остальных такого отступа нет)

б) а так выглядит запись при комментировании (с самими комментариями все в порядке)

Мой код

Что делать?:weep3:

@темы: текст, отступы, фоновые картинки

Комментарии
17.08.2009 в 15:47

1. Прописывайте все свойства с !important, ник только так прибить к нужному месту можно.
Почему, кстати, смущает absolute? Если боитесь разного положения ника при разных разрешениях экрана, есть проверенный способ.

2.
#Journal .countFirst div.postInner {padding-left: 210px;} - Для чего .countFirst?
Мой аналогичный код выглядит так:
#Journal .postInner {background: url('/userdir/5/2/1/6/521644/39210149.png') 1px 1px no-repeat !important; margin-top:20px !important;}
#Journal .countSecond div.postInner {background: url('/userdir/5/2/1/6/521644/39210158.png') 1px 1px no-repeat !important; margin-top:20px !important;}
#Journal .postInner {padding-left: 130px;}
#epigraph .postInner{background-image: none !important; padding:0 !important;}
.postInner { min-height:160px;height:auto !important; height:160px;}
.paragraph {width:80%;}
#epigraph .paragraph{width:100% !important;}

Пиксельные и процентные значения, естественно, указываете свои.
17.08.2009 в 16:19

молодой динамично развивающийся
у меня от вашего дневника браузер падает :D
17.08.2009 в 19:01

you can't stop me lovin' myself
Walterka
1. Попробовала импотант: лекарство слишком слабое, увы:nope:
Если боитесь разного положения ника при разных разрешениях экрана, есть проверенный способ.
Мм, это вот, например, да?
#authorName {position:absolute; top:50%; margin-top: 0px; left:50%; margin-left:-430px;}
Я правильно поняла то, о чем вы писали?

2. Как интересно, однако... о_О *тупо перекопировала коды - подивилась отсутствию результатов*
Не понимаю, что я делаю не так. Заглянула в ваш дневник - у вас все в порядке, а у меня такой, гм, огород. Что может мешать? :-(

Чудеснов
О! ну надо же... *расстроилась*
Какой у вас браузер? вроде же ничего плохого там не должно быть... или это он так на прозрачность картинок реагирует?:upset:
17.08.2009 в 19:48

you can't stop me lovin' myself
А, да!
#Journal .countFirst div.postInner {padding-left: 210px;} - эта строчку я использовала для того, чтобы картинки чередовали стороны.^^'
17.08.2009 в 20:18

молодой динамично развивающийся
Katesina-sama aka Yukki гугльхром у меня.
17.08.2009 в 20:20

молодой динамично развивающийся
о, а в фарфоксе не падает
17.08.2009 в 20:21

you can't stop me lovin' myself
Чудеснов
а сейчас как, тоже вылетает? *убрала буквицу*
17.08.2009 в 20:23

you can't stop me lovin' myself
Чудеснов
да, в лисичке и в ИЕ7/8 нормально должно быть)

а других браузеров у меня нет, поэтому проследить за читабельностью и доступностью сложновато бывает:tear:

17.08.2009 в 20:24

молодой динамично развивающийся
и в хроме падать перестало
17.08.2009 в 20:26

you can't stop me lovin' myself
Эта глупая-глупая буквица! ну почему с ней столько проблем?!:weep3:
17.08.2009 в 20:28

молодой динамично развивающийся
вы, кстати, хром-то поставьте, полезная штука — Developer Tools. Была бы она у вас, знали бы, что правила из journal.css для .top #authorName выше ваших по иерархии.
17.08.2009 в 20:29

молодой динамично развивающийся
дайте код вашей буквицы, посмотрю, что не так
17.08.2009 в 20:33

you can't stop me lovin' myself
Буквица вот:

.paragraph div:first-letter {font-size: 30px; float: left !important; float: none; font-family:Comic Sans MS; margin-right: 3px; line-height:100% !important; line-height:140%; }
.paragraph div div:first-letter { font-size: 100%; float: none !important; margin: 0px; line-height:130%; }

а Хром... У меня часто обрывается сеть, а в нем плохо работает догрузка изображений, т.ч. пришлось отказаться(
17.08.2009 в 21:10

молодой динамично развивающийся
ну, во-первых, по спецификациям надо писать не :first-letter, а ::first-letter, во-вторых, название шрифта надо забивать к кавычки.
17.08.2009 в 21:14

you can't stop me lovin' myself
Исправила, спасибо)
17.08.2009 в 21:28

молодой динамично развивающийся
все равно падает
first-letter виноват, это точно
я когда в редакторе CSS в firefox стили правлю, он вообще не работает. когда перезагружаешь страницу, подхватывает стили