psywalker
-
Posts
13707 -
Joined
-
Last visited
-
Days Won
58
Content Type
Profiles
Forums
Calendar
Store
Everything posted by psywalker
-
1. Поставь последнюю 2. Ну размер шрифта допустим не 100%, а 96%. Там справа внизу есть полоска.
-
Это понятно, но раз тут речь зашла об одном листе стилей, вот поэтому и вопрос: * html - IE6 *+ html - IE7 IE8 ? IE9 ?
-
У меня ничего не перевалилось. Что значит "Поизменять размер окна мышкой"?
-
Я именно там и глядел. Может размер шрифта хреново настроен? Версия последняя?
-
А с float разве не аналогично?
-
Наоборот подключайся активно. Мне например важно каждое мнение.
-
У меня тоже всё ровно. Видимо спам, ага.
-
Извини, тогда я не очень понял задачу. Ведь ты же сама написала:
-
Great Rash А ты случайно не помнишь комбинацию для ИЕ8 ?
-
В смысле, а в чё проблема?
-
Для этого всегда есть отличное средство. Масштабируемые единицы, такие например как em
-
Выше постом я предлагаю решение этой проблемы.
-
Погоди дружище, ты меня не понял. Я имею ввиду следующее: * html - IE6 *+ html - IE7 IE8 ? IE9 ? А точнее?
-
Хорошо, а как ты смотришь на такой выход? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Inline-block</title> <style type="text/css"> * { margin: 0; padding: 0;} .vegetables { letter-spacing: -3px; font-size: 0; } .vegetables li { display: inline-block; vertical-align: top; background: red; letter-spacing: 0; font-size: 12px; } </style> </head> <body> <ul class="vegetables"> <li><a href="#">и жирным минусом в виде значащих пробелов между тегами. </a></li> <li><a href="#">и жирным минусом в виде значащих пробелов между тегами. </a></li> <li><a href="#">и жирным минусом в виде значащих пробелов между тегами. </a></li> <li><a href="#">и жирным минусом в виде значащих пробелов между тегами. </a></li> <li><a href="#">и жирным минусом в виде значащих пробелов между тегами. </a></li> </ul> </body> </html> Это не проблема. Показывать, как пишется?
-
Хорошо, а как быть с ИЕ, для которого часто бывает пишутся отдельные стили?
-
Если при этом код будет гибким и правильным, то я никак не могу назвать это некрасивостью) И, да, с удовольствием сделаю обёртку в таком случае. Не задумываясь. И ещё вопрос: А в обычной жизни ты бы как сделала? При обычных блоках. Где проблема? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Inline-block</title> <style type="text/css"> * { margin: 0; padding: 0;} .inline-block { display: inline-block; width: 300px; background: red;} .img { float: left; background: blue;} p { background: yellow;} </style> </head> <body> <div class="inline-block"> <div class="img">IMG-Float</div> <p>Ну, а если тебе, например, нужно сделать резиновым + марджины, паддинги и бордеры. Обертки будешь городить? Можно, конечно, но уже не так красиво. Или, например, у тебя идет серия блоков картинка + обтекающий её текст. Блоки должны быть друг под другом. Но при небольшом контенте блоки могут встать на одну строку.</p> </div> <div class="inline-block"> <div class="img">IMG-Float</div> <p>Ну, а если тебе, например, нужно сделать резиновым + марджины, паддинги и бордеры. Обертки будешь городить? Можно, конечно, но уже не так красиво. Или, например, у тебя идет серия блоков картинка + обтекающий её текст. Блоки должны быть друг под другом. Но при небольшом контенте блоки могут встать на одну строку.</p> </div> <div class="inline-block"> <div class="img">IMG-Float</div> <p>Ну, а если тебе, например, нужно сделать резиновым + марджины, паддинги и бордеры. Обертки будешь городить? Можно, конечно, но уже не так красиво. Или, например, у тебя идет серия блоков картинка + обтекающий её текст. Блоки должны быть друг под другом. Но при небольшом контенте блоки могут встать на одну строку.</p> </div> <div class="inline-block"> <div class="img">IMG-Float</div> <p>Ну, а если тебе, например, нужно сделать резиновым + марджины, паддинги и бордеры. Обертки будешь городить? Можно, конечно, но уже не так красиво. Или, например, у тебя идет серия блоков картинка + обтекающий её текст. Блоки должны быть друг под другом. Но при небольшом контенте блоки могут встать на одну строку.</p> </div> </body> </html>
-
Свет, моё мнение - это неправильно. Нужно иметь в арсенале два листа стилей, для основных и для IE. Это меньшая из зол, так как при плохой игре в будущем, заказчик будет кусать себе локти, что когда то отказался от разделения CSS на два листа. И ещё вопрос: А какие хаки, префиксы ты используешь для ИЕ6, 7, 8, даже не побоюсь этого слова ИЕ9?
-
Да ты знаешь, если честно. То где то это смахивает всё же на "Шило на мыло". Смысла особого в этой перевёрстке не увидел
-
Значит не надо пока браться за такие трудные задачи. Начните с малого.
-
Но секундочку, а разве это и не есть плюс? Т.е. мы же тут даже можем выбирать, ставить ли нам конкретную ширину или нет.
-
tt48 Я JQ не знаю, но могу тебе такую задачу написать на JS. Так что, если что, пиши на почту psywalker09@gmail.com
-
Я кстати последнее время посматриваю на inline-block, как то всё нахожу у него разные плюсы, а ты что можешь насчёт него сказать? Какие минусы в себе несёт?
-
Странно, что это ещё где то работает. Всё таки гонка браузеров даёт о себе знать))
-
Да, я согласен. Нужно конечно же выбирать способ в зависимости от задачи. Но по мне всё таки .clearfix интереснее, хотя бы тем, что с ним не происходит всех тех минусов, которые связаны с overflow: hidden;, особенно с обрезанием границ.
