[Katze]

можно ли найти какой-нибудь способ, чтобы картинка в этом дневнике отображалась корректно в броузерах Опера и Мозилла?

@темы: эпиграф

Comments

[.ангела.как.я.]

наверно вы в курсе,что в ie все отображается корректно?

[Katze]

.ангела.как.я., естественно, иначе я не задавал бы этого вопроса.

[.ангела.как.я.]

я подумала,что возможно вы не смотрели через ie

[Katze]

.ангела.как.я., дело в том, что дизайн делается для сообщества, а поскольку большая масса пользователей не использует ИЕ, проблема встала ребром.

[Сабико]

правьте код для экстратопа.

#extratop { background: fixed url('/userdir/1/4/0/2/14027/20340894.jpg') 0 50% no-repeat; !important; width: 100%; height:240px; line-height: 100% !important;}

[Гость]

#extratop { background: url('/userdir/1/4/0/2/14027/20340894.jpg') no-repeat; !important; width: 100%; height:240px; line-height: 100% !important;}

[Katze]

Сабико, Гость - спасибо огромное! ))

[Сабико]

вообще, на будущее - если с каким-то блоком проблемы - очень помогает прописать для него бордер. в данном случае банальное

#extratop {border: 1px solid red}

сразу объяснит, в чём дело, если посмотреть как это выглядит в опере и эксплорере соответственно.

[[Грим]]

Katze, Opera 9.21 - буквально только что смотрел - всё отображается абсолютно нормально )



*просто информация*

[Katze]

Сабико, благодарю за ценный совет. ))



[Клерик], я просто уже всё исправил. проблема заключалась в "наезжании" картинки на эпиграф с полным его перекрытием.

[[Грим]]

Katze, ну, это был просто взгляд со стороны на уже исправленную проблему - вдруг что не так? ))

[Сабико]

проблема заключалась в "наезжании" картинки на эпиграф с полным его перекрытием.

по-моему, она сейчас в этом заключается....

раньше она отъезжала вправо..

а теперь надо прописать верхний маргин..

[Katze]

Сабико, margin-top: 0 px ?

[Сабико]

у вас же эксратоп позиционирован так, что выведен из общего потока. соответственно, в общем потоке под него не отведено никакого места. и меню с записями начинаются с самого верха страницы, под эпиграфом.

надо что-то в духе #wrapper {margin-top:высота экстратопа}

[Katze]

допустим, у меня есть блок позиционирования:



body.left{padding-left:10px !important;}

.left #wrapper{background:#ffffff; overflow:hidden; width:754px; margin: 0 0 0 -264px !important; margin-top:240px; padding:0 !important;position:relative;left:35%;//left:34.65%;}

.left #side{width:150px !important;margin:0 !important;}

.left #page-c{width:600px !important;padding:0 !important;}

.right #wrapper{width:754px;margin: 0 0 0 -264px !important;padding:0 !important; margin-top:240px; position:relative;left:35%;}

.right #side{width:150px !important;margin:0 !important;float:right}

.right #page-c{width:600px !important;padding:0 !important;}

.right #page-t {margin:0 !important;}

#extratop { background: url('/userdir/1/4/0/2/14027/20340894.jpg') 0 0 no-repeat; !important; width: 100%; height:240px; line-height: 100% !important; position:fixed;}



в данном блоке margin никак не работают. чем это объясняется?

[Katze]

так. понаписал такого, что сам запутался.

если в обоих случаях пишу margin: 240px 0 0 -264px, враппер вместе с экстратопом уезжают вниз.

получается, проблема в том, как отделить экстратоп от враппера?

простите ламера, я только учусь.

[Katze]

всё, сам разобрался, спасибо. в position:fixed; было дело.

[Сабико]

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

[Katze]

Сабико, нужно. только не получилось ничего. )))

к тому же, в ie фишка всё равно не работает.

[Сабико]

да я вообще вас тут всю дорогу обманывала) вечно ляпну что-нибудь, не проверив)

можно так попробовать:



.left #side{width:150px !important; margin: 200px 0 0 0 !important; margin-top:0}

.left #page-c{width:600px !important; padding:0; margin-top:200px !important; margin-top:0}

#extratop { background: url('адрес картинки') 0 0 no-repeat; position:fixed !important; width: 100%; height:240px; line-height: 100% !important; position:normal;}

[Katze]

Сабико, а вот теперь не наврали. )))

всё отлично работает, спасибо вам огромное!



(за исключением того, что экстратоп ну никакими силами нельзя передвинуть вплотную к верхней границе страницы.

третьи сутки рою сообщество, но ни один из способов не подходит).

[Сабико]

ну потому что теперь наконец на себе проверила

так то я вроде знаю, но рассеянность меня погубит, вечно всё путаю и забываю >< беда б для программера, ежели б не вумные компиляторы %)



body {padding-top:0 !important}

[Katze]

Сабико, ну как вы во всем этом ориентируетесь?! ))))))))

запоминаете синтаксис, на котором черт ногу сломит!

спасибо, вы меня попросту спасли! ))))))))





и не лень ведь ламерам помогать... другие б давно уже спеклись.

[Сабико]

Katze уж что-то, а синтаксис в цсс проще некуда.



спецификатор {аргумент: значение; аргумент: значение;}



дла того, чтобы осознавать, из чего составляется спецификатор, надо смотреть разметку. для того, чтобы понять, как его составить, и что можно понаписать в фигурных скобочках, надо заглядывать в спецификацию: оригинал, модифайд рашан вёршан.

Постепенно большая часть запоманается.

Вот разобраться в готовой разметке дайри - труднее, правда)



да не за что) я и сама ламер.

когда это не сотое "а как поставить картиноцку на фон", мне интересно, честно-честно) к тому же иногда задают такие вопросы, что я несколько часов фтыкаю%) это вообще кайф)

[Katze]

Сабико, если вдруг появится такой вопрос - я его обязательно вам задам! ))

честно-честно. )))

спасибо за ссылочки, пошел учить дальше... )))))