loggerserg
-
Posts
8 -
Joined
-
Last visited
loggerserg's Achievements
Explorer (1/14)
0
Reputation
-
Опытные верстальщики, а как вы проверяете на крассбраузерность?
loggerserg replied to flagreit's question in HTML Coding
Подскажите, а чем плохи портативные версии браузеров (если не брать адаптацию под ОС а только кроссбраузерность)? -
Я привел выше код полностью. Но пожалуйста: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Пробую на строгом учиться... Вот и я начинаю, только смущает, что у него самого страничка "не очень" выглядит. Да и html код примеров не доступен (приходится импровизировать). Как считаешь, актуальность эти уроки не потеряли?
-
Поиграть получилось, но это конечно не выход, т.к. всё зависит от высоты панели менюшек браузера (под каждую высоту не подгонишь). Убрал height вовсе (т.е. вычисляется как auto) так всё стало кучеряво да же в IE, но только новых версий, а IE6 - не растянул td.text, а растянул td.top не смотря на то, что height: 160px. Может этот вариант верстки далеко не самый удачный? Я его изучаю, что бы узнать табличную верстку. "Учитель" - вот он: Sozdai-Sam
-
Вот в моём (выше приведенном) примере и вывалилась в IE прокрутка... Только как её победить - пока не владею ((
-
Вот спасибо! А я то думаю, зачем html, body указывают 100%... Всем спасибо! С чувством понимания и не зря прожитого дня удаляюсь дальше тренироваться на кошках...
-
Хорошо, это я уяснил, но все равно остается недопонимание... А именно: почему в этом вопросе width отличается от height (хотя это можно принять как данность и смириться); как все же растянуть таблицу по высоте экрана (только с помощью position)? На всякий случай приведу весь код. CSS: body{ margin: 0; padding: 0; } table.main { position: absolute; width: 100%; height: 100%; border-collapse: collapse; } td.top { } td.search { } td.topmenu { } td.news { width: 30%; } td.text { width: 70%; height: 100%; } td.copyright { } td.bottommenu { } HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Заголовок</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <table class="main" border="1"> <tr> <td class="top" colspan="2"> <!-- Top --> Top </td> </tr> <tr> <td class="search"> <!-- Search --> Search </td> <td class="topmenu"> <!-- Top menu --> Top menu </td> </tr> <tr> <td class="news"> <!-- News --> News </td> <td class="text"> <!-- Text --> Text </td> </tr> <tr> <td class="copyright"> <!-- Copyright --> Copyright </td> <td class="bottommenu"> <!-- Bottom men --> Bottom menu </td> </tr> </table> </body> </html>
-
Так в том то и дело, что сначала position использовать НЕ собирался и проценты в height работать отказывались(а пиксели как раз работали). Методом тыка обнаружил, что только при использовании position проценты слушаются как положено. Вот я и не пойму почему. И еще интересный момент: без position - width работает с процентами как положено, а height нет...
-
Не могу понять какая логика работы свойства height в ниже приведенном примере. table.main { position: absolute; width: 100%; height: 100%; border-collapse: collapse; } Только после добавления position: absolute таблица начинает слушаться и растягивается на всю высоту, хотя width работает корректно в обоих случаях. Без position таблица игнорирует height: 100%, но вполне нормально слушается height: 500px. Подскажите, где я не дочитал учебники?