>Форум Mozilla Россия http://forum.mozilla-russia.org/index.php >Проблемы с сайтами http://forum.mozilla-russia.org/viewforum.php?id=24 >Разъезжается сайт http://forum.mozilla-russia.org/viewtopic.php?id=20587 |
serenity > 12-12-2007 22:30:14 |
Помогите, плиз. Не могу понять из-за чего разъезжается сайт. То есть, он увечичивается в полтора экрана у некоторых пользователей на IE и Mozilla, про Opera не сообщали. Увечивается пропорционально, то есть все, и картинки, и текст. Из-за этого появляется прокрутка, что всех и бесит. Вот сайт www.nrdtech.ru |
serenity > 13-12-2007 00:13:02 |
Благодарна за такой быстрый ответ. Спасибо, я все исправила, теперь Valid! Добавлено Thu Dec 13 00:20:46 2007 : Но не уверена, что это поможет, помоему проблема не в этом, так как увеличивается все. |
serenity > 13-12-2007 01:46:50 |
Огромное спасибо, я очень вам благодарна, я даже не ожидала такого живого учатия и таких быстрых ответов по моему вопросе. Это так приятно, arigato (это по японски - спасибо). Это я тоже поменяла, на скриншоте это не шрифт, а картинка. Но на IE, она становилась крупной. И теперь это шрифт, но он залит на сервер. И браузер должен брать его с сайта, прикладываю screen своего экрана, или я не права? http://www.nrdtech.ru/newscreen.jpg |
igorsub > 13-12-2007 02:30:50 |
У меня не берет. Видимо, срабатывает только для IE.
В целом да, только шрифты чуть-чуть крупнее. |
serenity > 13-12-2007 03:07:25 |
Странно, но я проверяла во всех браузерах (IE6, IE7, Mozilla, Opera), и на screen Mozilla. Я не указывала, что его надо брать именно с сайта. Это можно как-то прописать? |
igorsub > 13-12-2007 03:11:56 |
Если честно, то не знаю. Вообще если эта функции не определена стандартом, то может статься так, что Мозилла и не будет ее воспринимать что бы вы не делали. |
petrovich > 13-12-2007 13:37:28 |
Ничего у вас не разъезжается. Просто дизайн сайта не расчитан на разрешение 1024 х 768. |
serenity > 13-12-2007 14:24:00 |
Да вы полностью правы, спасибо. Там разрешение 1024 х 768. Добавлено Thu Dec 13 14:39:56 2007 : Добавлено Thu Dec 13 14:52:24 2007 : |
Al_H > 13-12-2007 15:12:02 |
serenity Решает маленькую проблему, и создает большую. Если бы у Вас сайт был шириной 1000, то есть в 1024 влезал без прокрутки, посетители с более узкими окнами браузеров могли бы ожидать, что появится горизонтальная прокрутка. Съедание контента - при любой ширине страницы - плохо именно тем, что контент никак не увидеть. Я вижу тут сразу две проблемы, одна из них неочевидная. Если Вы не указали явно размер шрифта, Вы не можете заранее знать, какой размер подставит браузер, различаться может в полтора раза. - более корректная конструкция, но для совместимости нужно добавить еще "Lucida Grande" куда-нибудь в начало списка. На большинстве шрифтов нет переменной жирности. IE в основном не поддерживает ее вовсе, Firefox и Опера отображают редко. Доступны в основном normal, bold и bolder - три градации, из которых почти на всех шрифтах есть только normal и bold, так что безопаснее писать bold для повышенной жирности. Странная конструкция. Может, right: 0; ? Добавлено Thu Dec 13 15:17:29 2007 : уже предполагает Добавлено Thu Dec 13 15:30:39 2007 : Выделить код Код:левая {float: left; width: ......;} правая {float: right; width: ......;} средняя {margin-left: ......; margin-right: ......;} тут margin-left: ......; margin-right: ......; оставляют соответствующее по ширине место для левой и правой колонок. знаю-знаю-знаю, это, возможно, не самый идеальный метод, но мне нравится. Добавлено Thu Dec 13 15:39:24 2007 : |
serenity > 13-12-2007 15:39:41 |
Al_H, спасибо. В прокрутке, вы полностью правы, я посмотрела на разрешении 1024 х 768 скрывается часть текста с правой стороны. Поэтому, я убрала ту часть кода, которую вчера поставила Также прислушалась к вашему совету и поставила вот такой код Выделить код Код:body { font-family: Calibri, Arial, Lucida Grande, Helvetica, sans-serif; font-weight:normal; } Написала к body, не стала изменять везде. |
Al_H > 13-12-2007 15:58:59 |
В body излишне писать font-weight: normal; - это значение по умолчанию. Тьфу, чего-то мимо букв промахиваюсь. Что до шрифтов, тут проблем - есть отдельный способ для IE, отдельный - для Firefox, если их сочетать, боюсь, Opera останется за бортом, и Конкверор, и Сафари. Давайте считать, что это ограничение медиума - все шрифтовое оформление ограничивается гарнитурами, и (в лучшем случае) семейством Lucida/Verdana/Trebuchet MS. |
Al_H > 14-12-2007 00:26:50 |
http://www.cssplay.co.uk/boxes/minwidth.html - вариант минимальной ширины |
serenity > 14-12-2007 11:29:51 |
Огромное спасибо, за столь развернутое объяснение. Я изменила ширину до 1000px. Выделить код Код:.menu_left { /*левый блок*/ float: left; width: 200px; } .nrd_center .center_glavnaja { /*центральный блок*/ margin-left: 210px; margin-right: 260px; } .news_glavnaja { /*правый блок*/ float: right; width: 250px; } Правый блок аккуратно съезджает вниз, по правой стороне, ровно на свою ширину. От чего это может происходить? |
Al_H > 14-12-2007 17:23:12 |
serenity P.S. http://perishablepress.com/press/2007/0 … -explorer/ еще одна статья, но глупая |
petrovich > 18-12-2007 00:50:34 |
default=12pt=16px=1em=100% |
Al_H > 18-12-2007 01:51:18 |
В каком браузере? Дефолтным может быть шрифт в пределах 11pt-14pt и от гарнитуры размер меняется в полтора раза дополнительно. |
petrovich > 18-12-2007 17:09:34 |
Во всех, вроде как. А что за гарнитуры? |
Al_H > 19-12-2007 01:48:50 |
Ну, например, сравните размер символов в Lucida Sans Unicode, Verdana и Calibri на одном размере шрифта в пунктах. |
Al_H > 19-12-2007 03:41:15 |
Вот то, о чём я говорил. В рассматриваемом сайте на данный момент прописан шрифт font-family: Calibri,Arial,sans-serif; |
petrovich > 19-12-2007 18:54:26 |
Мне кажется мы немного о разном. Я про это вот: Выделить код Код:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> </head> <body style="font-family:verdana"> <p>Hello</p> <p style="font-size:16px">Hello</p> <p style="font-size:12pt">Hello</p> <p style="font-size:100%">Hello</p> <p style="font-size:1em">Hello</p> </body> </html> |
Al_H > 19-12-2007 19:11:26 |
Я говорил о том, что, не указав явно размер шрифта на странице, Вы не можете быть уверены, какой размер подставит браузер. default==1em==100%, но вот будет ли оно равно 12pt и 16px - неизвестно. См. разные версии Netscape Navigator и Communicator под разные системы и прочее. Кроме того, если размер 16 и гарнитура Calibri, это не то же самое, что гарнитура Verdana. |