Jump to content

TonKhaO

User
  • Posts

    341
  • Joined

  • Last visited

Everything posted by TonKhaO

  1. TonKhaO

    Float in Float

    опа а вот это интересно, попробую на ждосуге отпишусь сюда же в любом случае получается дочерние элементы всегда в таких случаях нужно флоатить влево
  2. TonKhaO

    Float in Float

    Привет всем! Вот недавно для себя обнаружил еще 1 странное поведение ие6,7. Вот решил поделиться с вами, возможно конечно кто-то уже в теме, но думаю тем не менее некоторым тоже будет полезно узнать Скажем есть внешний блок, он зафлоачен лефтом! В нем есть 3 блока (как бэ мы делаем растягивающуюся менюху с закругленными краями по бокам, высота фиксированная). Эти 3 блока (включая правый) нужно все флоатить по лефту! Если правый блок (уголок) зафлоатить райт, то в ие 6,7 это растянет внешний блок (в данном примере .menu_item) с флоатом лефт на всю ширину экрана. <!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> <title>float in float</title> <style> .menu_item { background: #d4d4d4; float: left; display: inline; margin-right: 10px; padding: 10px; } .menu_item_left { background: #ffc4c4; float: left; display: inline; width: 20px; height: 20px; } .menu_item_center { background: #a3cfa2; float: left; display: inline; } .menu_item_right { background: #ffc4c4; float: left; /*float: right - вот так делать не нужно :-) */ display: inline; width: 20px; height: 20px; } </style> </head> <body> <div class="menu_item"> <div class="menu_item_left"></div> <div class="menu_item_center">menu 1</div> <div class="menu_item_right"></div> </div> <div class="menu_item"> <div class="menu_item_left"></div> <div class="menu_item_center">menu 2 menu 2</div> <div class="menu_item_right"></div> </div> <div class="menu_item"> <div class="menu_item_left"></div> <div class="menu_item_center">menu 3 menu 3 menu 3</div> <div class="menu_item_right"></div> </div> </body> </html>
  3. вот ты смеешься а я буквально вытянул сам тему ))) просто ангилйский сперва прочитал не до конца, прогресс!!!
  4. Да господа! победил ))) вполне логично если мы хотим использовать селекторы JQUERY нужно его сперва подключить ))) теперь везде работает так как нада!!!
  5. Разобрался господа!!! оказывается при инициализации тегов которые должны отрабатывать куфоном нельзя ссылаться по айди как я сослался h1#page_caption! но если поставить просто h1 то работает и в ИЕ терь осталось догадаться как задать для h1 с айди, ато все h1 будет отрабатывать которые не нужно трогать :-)))) хотя в спецификации написано черно по белому что все должно быть гуд с такими селекторами! PS: кажется начинаю понимать, чтобы он начал понимать такие селекторы! то нужно собственно подключить JQUERY! щас роверя и отпишусь!
  6. да, этот сифон ))) мне рекомендовали очень! впринципе подключается очень просто, и в поддержке броузов написано 6 и 7 ие! ед какой недосток я вижу это то что он не выделяется и не копируется, ну и фиг с ним, на принт версии можно кто захочет :-) а проблема до сих пор актуальна
  7. http://elki.undersite.ru/eli.html Ставлю для h1#page_caption - заголовок страницы в конт части Народ первый раз устанавливаю кьюфон! везде кроме ие6,7 работает нормально, а 6 и 7 словно отображают какой то стандартный шрифт, его даже можно выделать и копировать то есть словно для этих браузеров скрипт не отрабатывается
  8. вот и я про это! понять почему так происходит, ато в 7 такая же фигня поэтому будет еще встречаться не раз
  9. так если нормально то почему он улетает на пыксель?
  10. рулит то рулит, но иногда нужно в опере прочекать какой нить странный эффект, вобчем как и должно быть почти во всех браузерах есть аналоги бага :-) проблему решил тупо снеся всю оперу и установив заново
  11. если чего Programmers Notepad тоже умеет апскейл текста делать я им давно пользуюсь, никаких визуальных фитч
  12. уже подумываю вот ) быстрей бы сдохли ие 6 и 7, ибо приходится делать акцент больше не на верстке а на изучение особенностей 6 и 7 )))
  13. вот сайт тот же http://www.homeoclass.ru/index_new.html# верхняя темно серая линия в которой поля для ввода ЛОГИНа и ПАРОЛя, в 6 и 7 версии input в который вводятся данный улетает вниз 1 пиксель :-( не могу понять почему! возможно из-за того же vertical-align который 6 и 7 версия понимаю по другому нежели совр браузеры! эх, подскажите опять плиз
  14. возможно я перегибаю палку и вовсе раздуваю из мухи слона но просто люблю када контейнеры распушаются по действием детей, там мне легче почему то
  15. ну ессно в ИЕ 6 нет поддержки png прозрачности! ищи в гугле iepngfix
  16. не не, это я понял, отступов нету! но по факту ведь бокс ссылки не растягивается под давлением картинки, так ведь! в файербаге наведи на A, вот видишь, как бэ рамки синей нет (
  17. почему ты делаешь преждевременные выводы? сделал попробовал! добавил vertical-align, оступы лишние исчезли снизу! даже почита ту ссылку которую ты привел! но ед что пока остается осознать это как сделать так чтобы бокс ссылки полность растягивался под давлением картинки НО без присвоения картинке display: block ибо тогда потом флоатами прийдется сделать а так флоаты ессно напрямую выровнить по центру не получится
  18. первая предложение не понятно! помоему как раз бокс ссылки не растягивается картинкой по вертикали ну по-крайней мере по умолчанию ну я как век живи век, учись я оооочень хочу щас взять книжку которая у нас в офисе по блочной верстке! НО не могу пока AS 3 не доучу, поэтому пока у вас спрашиваю!
  19. очень интересно, правда впервые слышу о replaced inline! пойду погуглю!
  20. http://htmlbook.ru/css/vertical-align.html
  21. так всегда сложно было? беда в том что если ссылкам флоаты сделаю они перестанут выравнивать по родительскому параметру text-align я его переверстываю, косяки остальные не мои, пока не подправил, а работает на самом деле он ненормально :-)
  22. 1. ну посмотри вверх на скриншот, ссылка как бэ не облегает картинку 2. неа, имга у меня не блочная 3. вот ссылка http://www.homeoclass.ru/index_new.html думаю не совсем хорошее решение, ведь вертикал-алигн в ИЕ 6 будет не работать
  23. Обнаружил еще не понятный мне баг, который вылезает в ФФ, ОПЕРЕ и ИЕ если я внутрь тега A кладу IMG то если посмотреть на скриншот ссылка не облегает изображение визуально а просто как бы прилеплена к низу (см. скриншот, выделенным синим) + образуется еще непонятный отступ у а снизу! как пофиксить чтобы этих 2-х проьлем не было? пробовал overflow: hidden не помогло
  24. не ну вы меня просто удивили переместив тему которая напрямую относится к сайтостроению в один раздел где парндон обсуждаются взрывы в метро и прочее что действительно не относится к вебу! удивили
  25. Проблема собсно заключается что стрекоза почему то не работает, пробовал обновить версию, щас стоит 10.51, но результат тот же самый, у кого нить была подобная проблема?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy