Про конкретные сайты - лучше создать новые категории.....
Quote (Info)
Кросс-браузерность - свойство сайта отображаться и работать во всех популярных браузерах идентично. Под идентичностью понимается отсутствие развалов верстки и способность отображать материал с одинаковой степенью читабельности. Понятие «кроссбраузерность» очень часто путают с попиксельным соответствием, что на самом деле является разными понятиями.
Quote (Info)
Этот термин начали использовать во время браузерных войн, происходивших в конце 90-х годов. В этом контексте термин относится к сайтам, которые работают как в Internet Explorer, так и в Netscape Navigator. В то время производители стали внедрять собственные функции для браузеров, что привело к некоторым особенностям отображения и концептуальным различиям в работе.
htmlbook.ru - там в самоучителе ни слова не сказано.
Спасибо вам большое За помощь и внимание.
Но теперь не правильно отображается в опере. Посидел ещё пару часиков, попробовал с box-sizing`ами - и забил. Понаделают стандартов, блин, и каждый своему следует... Короче у меня кончилось терпение и не знаю, когда к этому вернусь. По крайней мере, процент пользователей с хромом и эксплором очень мал.
Посидел ещё пару часиков, попробовал с box-sizing`ами - и забил
- Кроссбраузерная вёрстка - не возможна без стандартов, и, кроме того - почти “искусство” ... И требует хороших знаний стандартов HTML, CSS и всех мелочей, что с этим связано. Ну и конечно же - желания верстать правильно и красиво. ...
Так оно и у меня точно также - у первых двух строк высота минимальная, а третья заполняет всё оставшееся пространство и выравнивает текст по середине. А должно быть всё ровно:
Вот как раз щас бьюсь над этим же но в другом месте - опера не хочет воспринимать auto у height так как нужно (в отличии от остальных браузеров). А можно ли по другому указать ячейкам, чтоб они занимали всю доступную высоту равномерно между собой ?
А с box-sizing так вообще - я хрому как только не пытался указать
Извините, что опять надоедаю, просто у самого не осталось никаких идей по поводу проблемы...
В хроме появляются непонятно откуда лишние границы у ячейки. Я уж и принудительно border:none выставлял - не помогает. В опере и лисе - нормально всё. Не подкините идею, откуда это может быть? Вот фотки:
как должно быть
как НЕ должно быть
Ссылка PS: что хром неправильно реагирует на ширину я уже смирился - мне хотяб с этим разобраться...
Я уже говорил откуда ноги растут у всех ваших багов и прочих непрятностей с дизайном.
Quote (likbezz)
- Кроссбраузерная вёрстка - не возможна без стандартов, и, кроме того - почти “искусство” ... И требует хороших знаний стандартов HTML, CSS и всех мелочей, что с этим связано. Ну и конечно же - желания верстать правильно и красиво.
Quote (likbezz)
Лучше писать правильно, а не лепить не поддерживающие свойства, тем более там, где это вообще не нужно.
Кроме того, свойство box-sizing - это на панацея от всего, и нужно понимать что оно конкретно делает и на что влияет, и пользоваться только при необходимости, и то аккуратно. ...
Я к тому, что знающие люди про сайты говорят вот здесь не то и здесь коряво стоит
Если я начну говорить что у вас “коряво”, в итоге приду к выводу, что проще все переверстать с нуля.
Многое я бы сделал по-другому, проще, и красивее (имеется в виду код), таблицу бы в таблице никогда бы не завернул - ибо лишнее и замедляющее загрузку сайта, дело ...
Что об этом говорить? Сами вы переделывать не будете, и я тоже не буду. Вывод напрашивается сам собой - пустое это занятие.
Доктайпы все прописывал ничего не помогло все стоит без изменений. Нету фоного рисунка и нету выравнивания кнопок. Просьба помочь.
Поправьте сначала вот эти строчки:
Quote
#contanier {background:url('http://space-nt.ucoz.ru/fon.jpg')white no-repeat fixed top center;} #dataBar {background:url('') no-repeat;width:900px;text-align:right;padding-right:14px;padding-top:5px;height:45px;margin-left:auto;margin-right:auto;color:#2DAAB7;font-size:7pt;}
до вот такого вида:
Quote
#contanier{background:transparent url('http://space-nt.ucoz.ru/fon.jpg') no-repeat fixed top center;} #dataBar{width:900px;text-align:right;padding-right:14px;padding-top:5px;height:45px;margin-left:auto;margin-right:auto;color:#2DAAB7;font-size:7pt;}
- это вернёт фон. И пропишите доктайп. Дальнейшие действия без правильно прописанного доктайпа бессмысленны. ... А вообще для корректного отображения в большинстве браузеров, вам ещё работать и работать над сайтом. ...