Yahoo!
-
Posts
403 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Yahoo!
-
В этой статье http://www.artlebedev.ru/tools/technogrett...floats-in-ie-3/ говорилось о какой-то закругленной пунктирной рамке, у которой пунктир у закругления пропадал, т.е. не попиксельно, а либо показывался полностью либо не показывался совсем. Так как такое реализовать? Я даже не знаю как в гугле точно ввести вопрос о такой вещи))) И как в фотошопе нарисовать закругленную пунктирную рамку?))))))
-
Когда сайт многоязычный, например на китайском языке. Кстати, хотел спросить, а если например кто-то хочет перевести гуглом твой сайт с русского на японский, а сайт на windows-1251 , то корректно всё отобразится?
-
Что бы отбить последние сомнения вот вам: о доктайпе http://habrahabr.ru/blogs/webstandards/45962/ http://i2r.ru/static/479/out_23105.shtml кодировка utf-8 для много язычных сайтов и она наиболее универсальна
-
1. Лучше использовать строгий доктайп. Благодаря нему большинство браузеров переходят в режим стандарта или почти стандарта. Но учтите, что и код должен "блистеть". 2. Лучше utf-8. 3. Конечно=).
-
Нее, надо чтобы шапка и футер были фиксированными и взависимости от заполнения контента или увеличивания/уменьшения шрифта меняли высоту. А если так, я бы сюда и не задавал вопроса.
-
Оно так и знал, что без экспрэшена не обойтись. Даже если у IE отключены скрипты он всё равно будет видеть его? Хотя... нашёлся изъян, при заполнении шапки вся таблица начинает растягиваться и её ширина уже не 100% т.е. появляется скролл, а мне этого не надо. При заполнении футера такого не появляется. Влияет опять же экспрэшен)
-
Совсем нет решений?? Я в отчаянии...=(
-
Не помогает, думал что тэг tbody поможет, но увы...
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Типо сайт=)</title> <style type="text/css"> html, body {height: 100%; width: 100%} html {font-size:62.5%} body {font: normal 1.6em Arial, Verdana, Helvetica, Calibri, Tahoma, sans_serif; line-height: 100%; color: #333; background: #fafafa} html, body, table, tr, td {margin:0; padding:0} td {vertical-align: top; border: 1px solid #abcdef} table {table-layout: fixed;} #maim {display:table-row-group; vertical-align:middle; height: 100%} #header {height: 1px} #content {} #footer {height: 1px} </style> </head> <body> <table id="maim" cellspacing="0"> <tr id="header"><td>header</td></tr> <tr id="content"><td>content</td></tr> <tr id="footer"><td>footor</td></tr> </table> </body> </html> Мне надо что бы средняя строка занима всё пространство, в то время как верхняя(шапка) растягивалась от заполнения контента и с нижней строкой тоже самое. Но при попытке задать этим двум строкам минимальную высоту в 1пиксель, они не слушаются, хотят что бы средней тоже задали. Но я же не знаю какой она должна быть высоты, 100% пробовал, так осёл её растягивает больше чем надо. Яркий пример www.gogo.ru (на сайте как-то это проблема решена)
-
глаза болят сайт просто съели фреймы запоминающийся сайт=)http://wwwwwwwww.jodi.org/ От этого точно глаза заболят, но весь прикол в коде. EGORR готовь шляпу=)
-
АААААА, вспомнил правила: не использовать марджин и раддинг одновременно, скажите какого размера должны быть картинки, макет резиновый с 1200пикс по 1300=)
-
Так много ошибок из-за хостинга(по css всего одна связанная с behaviour). С пропорциями картинок соглашусь, но я просто не знал какими их делать. И насчёт вёрстка не по XHTML, это теге имг нельзя писать ширину и высоту? Сохранил в формате png-24
-
100 пудов, но зато живот болел от смеха
-
Во ржач
-
В общем вот: http://www.greymlelelele.chat.ru/raira.html Из-за тупого хостинга стили могут не до конца загрузиться. Жду коментов.
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml:lang="en" dir="ltr" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Типо сайт=)</title> <link rel="stylesheet" type="text/css" href="#" /> <style type="text/css"> html, body {height: 100%; width: 100%; margin: 0; padding: 0} html {font-size:62.5%} body {font: normal 1.6em Arial, Verdana, Helvetica, Calibri, Tahoma, sans_serif; line-height: 100%; color: #333; background: #fafafa} table, tr, td, p {margin:0; padding:0; border: 1px solid #abcdef} td {vertical-align: top; background: #456} table {table-layout: fixed;} #maim {height: 100%} #header {} #content {height: 100%; width: 100%} #footer {} #p-footer {padding: 5px} #left-col {width: 17%; padding: 10px 10px 10px 0} td#left-col div {border: 1px solid #9f9f9f; border-left: none} #cent-col {width: 58%} #right-col {width: 25%; padding: 10px 0 10px 10px} td#right-col div {border: 1px solid #9f9f9f; border-right: none} </style> </head> <body> <table cellspacing="0" cellpadding="0" width="100%" id="maim"> <tr> <td colspan="3" id="header"><p>head<br />head<br />head<br />head<br />head<br />head<br />head<br />head<br /></p></td> </tr> <tr id="content" colspan="3"> <td id="left-col"> <div>left content-menu</div> </td> <td id="centr-col"> centr </td> <td id="right-col"> <div>right content-menu</div> </td> </tr> <tr> <td colspan="3" id="footer"><p id="p-footer">footor</p></td> </tr> </table> </body> </html> 1. Мне надо что бы IE 6 отображал так же как и FF , т.е. центральная строка растягивалась на 100%, а шапка и футер взависимости от заполнения и всё вместе заполняло 100% окна браузера. FF всю таблицу показывает 100% а в осле скролл и не 100% а больше(видимо средней линии даёт 100%высоты от окна браузера, а не от таблицы) 2. выдаёт что-то не понятное по CSS(HTML ошибок нет): 34 td#right-col div Lexical error at line 24, column 3. Encountered: "D" (68), after : "<!" DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> :lang="en" dir="ltr" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> > <title>"8?> A09B=)</title> > <style type="text/css"> * {border: 1px solid #abcdef} 84 Ошибка разбора </style> </head> <body> <table cellspacing="0" cellpadding="0" width="100%" id="maim"> <tr> <td colspan="3" id="header"><p>head>head>head>head>head>head>head>head></p></td> </tr> <tr id="content" colspan="3"> <td id="left-col"> <div>content-menu</div> </td> <td id="centr-col"> centr </td> <td id="right-col"> <div>content-menu</div> </td> </tr> <tr> <td colspan="3" id="footer"><p id="p-footer">footor</p></td> </tr> </table> </body> </html> 3. Колонки не растягиваются так как им задано в CSS (видимо связано с валидатором, вернее, с теми ошибками которые он указал). Буду очень признателен за помошь. Спасибо.
-
1) исправил 2) да, это для отступа. ие их по другому высчитывает и появляется отступ в 1px при нечётной ширине окна браузера
-
Нет, в IE6 -- Вот всё же зацените мой отдельный файл для IE6, я от туда мусора поубирал body {behavior: url("/js/hover.htc")} ul.menu li {display: inline-block} .tr_menu { righty:expression(parentNode.offsetWidth % 2 ? style.right="-1px" : style.right="-2px"); } .br_menu { righty:expression(parentNode.offsetWidth % 2 ? style.right="-1px" : style.right="-2px"); } div#page_kat a {height: 1%} .br_menu {bottom: -2px} #bl_kat {bottom: -2px} #br_kat {bottom: -2px} div#page_kat {margin-top: -35px}
-
1. так я тоже всё запихиваю в комментария 2. только для IE в комментариях, понятно))) 3. Размер контейнера сплюсовывает паддинг и толщину бордюра, в результате размер контейнера больше чем в остальных адекватных браузерах 4. при наведении на ссылку, содержащую фоновый рисунок, возле курсора появляются на мгновение песочные часы (это не обязательно, но всё же ) И я не понял, hasLayout это негативное решение некоторых багов в IE6 ?
-
В отличие от того раза с зумом я использовал height: 1% только для определённых элементов и то их мало. Навредит это в дальнейшем? Вопрос на засыпку. Если надо сделать код валидным и коментария для эксплорера считать хаком, то(без скриптов конечно): 1. как ты задашь минимальную/максимальную ширину/высоту 2. при абсолютном позиционировании при скролле нижние и правые элементы смещаются на 1 px, как быть? 3. размер контейнера + паддинг + бордер 4. как избавишься от flickering'а
-
Вместо зум, height: 1% для отдельных элементов отлично со всем справляется . Я бы убрал все кроме 8-ого. Ещё вопрос, верно ли утверждение, что если сайт корректно отображается в FF и IE6 то он будет отображаться корректно во всех остальных браузерах (в том числе и экзотических(!)).
-
Про зум я давно знаю, и про другие свойства haslayout , и решил спросить, хорошо ли задать zoom:1 для всех элементов. Думал, что ситуация будет фиговой, как с * {margin:0; padding:0} , но мне во многом помогло, поэтому и спросил тут, полезно будет использовать или нет. И ещё, нереально сверстать резиновый макет(средний-тяжелый) без использования хаков. Один подвал прижать, уже без хака не обойтись, а если надо чтобы он не был фиксированой высоты и нормально отображался в IE6-7, то я пас(без применения таблиц и скриптов). Лишний пользователь=)) не помешает, тем более сайт создаю для себя и для души, времени навалом, только вот учёба блин=)). Там ещё наверно конкурс будет...
-
Не ну ясное дело, что от всего он не спасёт, но от большенства помогло.
-
Очень хорошо помогло такое свойства против IE 6 как * {zoom: 1} Если запихнуть в коментария, то + валидность и IE 6 делается послушным + самое безопасное свойство. Как вам идея? За перво-открывателя себя не считаю, но просто хочу узнать, что вы об этом методе думаете?
-
Почему?