Вид для печати
Появился еще один вопрос! [Only registered and activated users can see links. Click Here To Register...]
Использовать ли таблицу как таковую <table></table> в проекте с блочной версткой, если действительно необходимо наличие табличных данных (к примеру, ГОСТы, прочие документированные данные представленные именно в табличном виде)? Насколько это будет смотреться корректно? Или же нужно извращаться с блоками?
Спасибо за ответ.
Конечно, использовать. Суть семантики – использовать элементы структурной разметки для того, для чего они изначально предназначены... Реальные табличные данные должны представляться только таблицей и ни чем иным... Никаких извращений...
И снова здравствуйте [Only registered and activated users can see links. Click Here To Register...]
На сей раз возник вопрос, опять таки, связанный с "флоатом".
Пожалуйста, [Only registered and activated users can see links. Click Here To Register...].
Цель задачи: разместить текст от левого края на определенном расстоянии, поместив в этот промежуток флоат-блок. Все бы ничего, слава богу и IE воспринимает margin-left не от флоат-блока, а от левого края родительского. Но вот беда с отображением в IE (мелочь, но все-таки достает), как раз из-за наличия флоат-блока текст напротив последнего находится на расстоянии не 105px, как указано для #text, а на расстоянии 109px (в примере эти 2 расстояния обозначают красный и голубой штрихи соответственно). Причем, как только заканчивается флоат-блок, текст сразу же находится на требуемом расстоянии. Получается, в IE текст, как бы, немного обтекает флоат-блок. Хотелось бы знать мнение профессионалов по этому поводу, и как с этой неприятной мелочью (в 4 пикселя [Only registered and activated users can see links. Click Here To Register...] ) бороться?
Огромное спасибо заранее!
Не в четыре, а ровно в ТРИ пикселя...
Ну нельзя модератору материться, понимаете? ) Я даже не прошу Вас пользоваться поиском. Это в данном случае лишнее. Но ответ же прямо перед Вами – на первой странице данного раздела. Тема называется "Обтекание текстом float-а в IE"...
С кем не бывает, немного ошибся [Only registered and activated users can see links. Click Here To Register...]Цитата:
Originally posted by Aykroyd@Jul 2 2007, 01:44
Не в четыре, а ровно в ТРИ пикселя...
[/quote]Цитата:
Originally posted by Aykroyd@Jul 2 2007, 01:44
Ну нельзя модератору материться, понимаете? ) Я даже не прошу Вас пользоваться поиском. Это в данном случае лишнее. Но ответ же прямо перед Вами – на первой странице данного раздела. Тема называется "Обтекание текстом float-а в IE"...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
За подсказку - огромнейшее спасибо. Довольно-таки интересные решения в теме представлены. Но знаете, решить более усложненную задачу так и не удалось. Возможно, у Вас (или же у других профессионалов) найдется время просмотреть вот это: [Only registered and activated users can see links. Click Here To Register...].
Все "нормальные" браузеры, естественно, отображают все как положено. Но вот IE...
Спасибо заранее!
В общем, так. Сначала приводим весь код к нормальному виду, а именно:
1. Убираем <?xml version="1.0" encoding="Windows-1251"?>. Эта инструкция вводит IE в Quirks Mode.
2. Убираем все дивы внутри элемента [list], так как по спецификации внутри [list] могут быть только[*]. Вот внутри[*] уже может быть все, что угодно. Но никак не внутри [list].
После данной корректировки я помогу Вам справиться с Вашей проблемой.
P.S. И вообще, постарайтесь каждый раз, перед тем как что-либо здесь выкладывать, проверять документы [Only registered and activated users can see links. Click Here To Register...]. Этим Вы сэкономите и свое, и наше время. )
Ну вот, Вы знаете, происходит какая-то мистическая ирония... Буквально, за несколько минут до вашего поста мне удалось все-таки найти выход. Я его публикую здесь: [Only registered and activated users can see links. Click Here To Register...].
Валидность кода в W3C проверена. Хотелось бы знать Ваше мнение?
Можно этот пример так же брать на заметку, как и предыдущую проблему с отображением flash-блоков (кстати, благодаря решению JavaScript удалось избежать предварительной активации flash-роликов в Опере).
Мое мнение:
1. Убрать <?xml version="1.0" encoding="Windows-1251"?>. Причины объяснял.
2. В IE пункты списка находятся ближе к датам, нежели в остальных браузерах.
3. dipslay: block; для [list] не нужен. Это и так блочный элемент.
4. list-style-position: outside; тоже. Это вроде как значение по умолчанию.
5. Если Вам нужен нумерованный список – семантически вернее воспользоваться элементом [list=1] вместо [list], а не извращаться со свойством list-style-type.
6. Размер шрифта в пунктах обычно задается только в версиях для печати.
7. float: left; совместно с position: absolute; – это, извините, ересь. Если Вы решили воспользоваться абсолютным позиционированием для решения данной задачи – float: left; можно спокойно убрать. Это свойство в данном случае уже ни на что не влияет.
P.S. Не знаю, что Вы преследуете данной раскладкой. Но если это что-то наподобие новостной ленты, я бы представил все это списком определений, где в качестве <dt> выступала бы дата, а в качестве <dd> – относящийся к ней текст...