lloid1 > 24-03-2008 13:14:43 |
пример сайт http://aboutcatsss.narod.ru/index.html в эксплорере и в файерфоксе выглядит по разному. должен выглядеть как в эксплорере. когда разработчики устранят это? |
Lynn > 24-03-2008 13:38:37 |
Никогда. Это вы должны устранять. Верстайте по стандарту и будет вам счастье. |
lloid1 > 24-03-2008 13:55:00 |
Lynn пишетНикогда. Это вы должны устранять. Верстайте по стандарту и будет вам счастье.
за что файерфокс не любит дивы? |
SeLarin > 24-03-2008 14:50:22 |
lloid1 Это неправильный вопрос. Дивы файрфокс любит и работает с ними прекрасно! А вот IE... |
lloid1 > 24-03-2008 16:39:02 |
SeLarin пишетlloid1 Это неправильный вопрос. Дивы файрфокс любит и работает с ними прекрасно! А вот IE...
Я верстала правильно. Все должно выглядеть как в ИЕ. А в фаере выглядит как попало... |
Lynn > 24-03-2008 17:00:42 |
lloid1 Начнём с того, что на вашей странице не указан DOCTYPE. После этого можно не продолжать. Вот статья 2002(!) года http://www.webmascon.com/topics/coding/25a.asp Добавлено Mon Mar 24 17:08:19 2008 : Ну и читайте, что по этому поводу говорит стандарт CSS2/2.1, а не полагайтесь на глючный IE в Quirks Mode. |
SeLarin > 24-03-2008 17:15:55 |
lloid1 Про доктайп тебе уже сказали, но даже если бы он был... Почему в таблице стилей не прописана семейство шрифтов в font-family? У меня нет ни Verdana, ни Tahoma. Почему размер шрифта указан в пикселях? Судя по //<![CDATA[ в блоке скрипта, это должен быть XHTML. Что за тег font? Где вы его нашли в спецификации XHTML? Что за тег center? Почему есть незакрытые теги? Продолжить? Все должно выглядеть как в ИЕ.
Докажи. А в фаере выглядит как попало...
В фаере выглядит как сверстано. Добавлено Mon Mar 24 17:24:03 2008 : Кстати, посмотри свой сайт в бете IE 8. |
lloid1 > 24-03-2008 18:08:43 |
SeLarin пишетlloid1 Про доктайп тебе уже сказали, но даже если бы он был... Почему в таблице стилей не прописана семейство шрифтов в font-family? У меня нет ни Verdana, ни Tahoma. Почему размер шрифта указан в пикселях? Судя по //<![CDATA[ в блоке скрипта, это должен быть XHTML. Что за тег font? Где вы его нашли в спецификации XHTML? Что за тег center? Почему есть незакрытые теги? Продолжить? Все должно выглядеть как в ИЕ.
Докажи. А в фаере выглядит как попало...
В фаере выглядит как сверстано. Добавлено Mon Mar 24 17:24:03 2008 : Кстати, посмотри свой сайт в бете IE 8.
Нет, это не XHTML. Это HTML. незакрытые теги - это BR что ли? А center и font в HTML есть. Про DOCTYPE поняла. Спасибо, интересная статья. Добавлено Mon Mar 24 18:20:50 2008 : SeLarin пишетПочему в таблице стилей не прописана семейство шрифтов в font-family? У меня нет ни Verdana, ни Tahoma. Почему размер шрифта указан в пикселях?
Вы под линуксом выходите? Это стандартные виндоуз шрифты. Не понимаю почему у Вас их нет. А в чем размер указывать?? |
Infant > 24-03-2008 18:33:40 |
lloid1 Проверка правильно свёрстанного сайта валидатором: You have 250 HTML Errors. You have 5 HTML Warnings. You have 8 CSS Errors. |
lloid1 > 24-03-2008 18:37:00 |
Infant пишетlloid1 Проверка правильно свёрстанного сайта валидатором: You have 250 HTML Errors. You have 5 HTML Warnings. You have 8 CSS Errors.
круто. а где этот валидатор найти? |
Infant > 24-03-2008 18:51:50 |
Например, http://validator.w3.org/ или http://xhtml-css.com/check/ |
SeLarin > 24-03-2008 19:03:30 |
lloid1 Не оверквоть. Незакрытые теги это p, например. Под чем я выхожу неважно, просто нужно принять как данность, что не у всех пользователей один и тот же набор шрифтов. Размер шрифтов стоит указывать в относительных единицах длины или с помощью специальных ключевых слов. Выдержки из стандарта HTML 4.0: "The CENTER element is deprecated." "FONT and BASEFONT are deprecated." Все валидаторы водятся на w3c.org |
Al_H > 25-03-2008 13:59:40 |
lloid1 Вы понимаете, есть общепринятые способы указывать определенные атрибуты. Вы это делаете, и не задумываетесь, в какой системе и чего не хватает - достаточно корректной записи. Что касается шрифтов: Гарнитура указывается в CSS через font-family списком, и стандартные списки известны: lloid1, обратите внимание, каждый такой список заканчивается именем семейства шрифтов. Это тот минимум, который допустимо указывать. Если браузер способен отображать шрифты, он соответствующий подберет. Указывайте шрифты такими списками, и что-то похожее будет в разных системах. Размер шрифта лучше указывать для элементов вроде заголовков и абзацев и полей формы - в единицах em и для элементов body и table - в px или em. Если у Вас только базовый шрифт будет в px, Вы сможете сменой атрибута в одном или двух местах таблицы стилей пропорционально увеличить весь текст на странице. Старайтесь никогда не указывать текст меньше 12px, в крайнем случае - 11px. С ним будут проблемы у слабовидящих людей и у части браузеров под часть систем. Сам своими глазами видел, как перекосячивается шрифт 10 пикселей, поверьте, это бывает. Что касается незакрытых тэгов. Желательно взять себе за правило использовать синтаксис XHTML везде внутри HTML, кроме тех случаев, когда он не принимается валидатором. Это значит - закрывать все тэги-контейнеры, то есть p, div, table, tr, td, th, ul, ol, li и прочие, все значения атрибутов писать в кавычках, не вкладывать блочные элементы в строчные, и так далее. Одно из немногих правил, обязательных для XHTML и не пропускаемых валидатором в HTML - это условное закрытие одиночных тэгов ( <img src="..." />, <br />, <input type="..." name="..." /> и так далее) - можете опускать косую черту, если хотите. Будут вопросы - обращайтесь. |
lloid1 > 25-03-2008 21:26:24 |
Al_H пишетБудут вопросы - обращайтесь.
Спасибо за такое подробное разъяснение |
Al_H > 25-03-2008 23:12:31 |
Не за что |
kobzar > 31-03-2008 07:28:46 |
У вас выравнивание так обозначено .left { text-align:left; float:left; width:130px; height:100%; } Применено только для текста, отчего ещё одно различие в расположении блоков. А если использовать конструкцию position: relative; left: -30px (но это к примеру, значения ваши)? А вообще, чудесная вещь, таблицы, если использовать атрибуты colspan и rowspan, то можно любую вёрстку сделать,не сомневаясь, что выглядеть результат будет корректно (одинаково) и в ИЕ и в ФФ. И немного офф-топа: контент улыбнул. ) |
tenshi > 31-03-2008 10:49:44 |
kobzar, а опере всё поедет... |
Al_H > 31-03-2008 16:04:00 |
kobzar Люди переходят на стили, потому что таблицы - прошлый век. У них больше недостатков, чем достоинств. В частности, более объемистый код, без помощи CSS можно сделать далеко не любую верстку, отсутствие масштабируемости и доступности - табличная верстка всегда ориентирована на одно устройство, отсутствие гибкости - многие вещи при необходимости нужно менять в разных местах, а е в одной таблице стилей, и так далее. Не будем затевать религиозный спор, и я не хочу Вас переубедить, просто обратить Ваше внимание на некоторые моменты. Я видел тебличную верстку, которая разъезжалась в одном из популярных браузеров - либо в IE, либо только в Опере. У меня на машине стоят более 14 версий браузеров. При определенном навыке верстка на CSS не разваливается ни в одном из популярных браузеров. И сейчас это становится тем более так, когда 5.0 и 5.5 Ёксплореры стремительно теряют долю на рынке. |
kobzar > 31-03-2008 19:11:15 |
В данном вопросе я скорее соглашусь, чем буду спорить хотя-бы в отношении нескольких пунктов: первый - именно гибкость, когда достаточно внести лишь одну правку в css вместо двадцати в двадцати html-страницах ; второй, что действительно возможности форматирования намного превосходят <table> вёрстку. Уже только z-index чего стоит! Ну и легче достигается стилистическое единообразие страниц. (К слову, в сгенерированном коде этой страницы я не обнаружил и запаха <table>). Табличный код громоздкий, имеет много ограничений - тоже не спорю. А вот момент разъезжания - это скорее ошибка разработчика и, возможно , даже в задании значения параметра нахлёста ( colspan или rowspan), либо параметр width или height ячейки задан некорректно, не в соответствии с высотой или шириной самого ряда. ИЕ такую ошибку сглаживает, а ФФ нет, я так понял. По крайней мере все ошибки в таблицах, что я находил оказывались просто просчётами подвластными исправлению. Тем не менее приоритет за css. |
Al_H > 31-03-2008 21:14:35 |
второй, что действительно возможности форматирования намного превосходят <table> вёрстку. Уже только z-index чего стоит!
Я имел в виду скорее сложное форматирование поверх фона, особенно если он не должен повторяться. В части случаев без CSS это решается фоном шириной 2000 и высотой 8000, либо не решается вообще. Нужно заметить, что до сих пор осталось несколько задач, которые не решаеются CSS, зато легко преодолеваются таблицами - в частности, это проблема растягивания блоков на одинаковую высоту. В большинстве случаев это эмулируется другими средствами, но если больше никак не сделать, тут либо остается надеяться, что сработает display: table-cell; , либо - очень извращенными способами. По крайней мере все ошибки в таблицах, что я находил оказывались просто просчётами подвластными исправлению. Тем не менее приоритет за css.
Это опять-таки вопрос опыта. Довольно быстро оказывается, что многие ошибки - именно просчеты, поддающиеся исправлению. Другое дело, что в собственной верстке довольно быстро удается научиться такие моменты обходить, и ошибки появляются редко. |
kobzar > 01-04-2008 11:21:57 |
Когда нужно передать большое изображение и чтобы оно загружалось быстро - удобно разбить его на слайсы и скомпановать при помощи таблицы. В фотошопе даже такая функция есть: он создаёт html-документ с таблицей и папку images с порубленной фотографией. Так как правила табличной вёрстки несколько "неправильные", при неравнопропорциональной разбивке фотошопу приходится даже дополнительные компенсирующие ячейки делать и помещать в них элементы в 1px. Он их именует spacer. Потому я предпочитаю самостоятельно просчитывать таблицы. Тем не менее без применения таблиц использование слайсов я себе с трудом представляю, и честно говоря, не встречал, чтоб кто-либо это осуществлял при помощи блочной вёрстки. |
Tishaishii > 03-04-2008 17:32:58 |
А я вот открыл эту страничку в lynx. Вообще картинок и цветов нормальных не увидел. И вместо русских букв транслит везде. |