TonKhaO

точно точно теперь все абсолютно вспомнил ))) поведение когда width: auto как раз под ходит для двух или трехколоночных версток с резиновым контентом, и да будет мир на земле самое оно

Всем привет! Возник вот такой оч интресующий меня вопрос, все пользуются конечно часто width задавая ширину элементам, но вот мне немного не понятно, скажем так, когда мне нужно чтобы div был на 100% ширины экрана, то я width вообще для него не указываю и он тянется итак на 100% ширины отведенного места, то есть получается значение по умолчанию для width: 100% ? НО на этом же сайте написано что значение по умолчанию auto и что это значение зависит от контента внутри и типа элемента, так почему ж он в auto на всю ширину тогда тянется. В итоге не совсем понятно разница между auto и 100% когда мы ширину для div не указываем вообще, обьясните плиз. То есть когда правильно ее ставить а когда не нужно

провел небольшой эксперимент с IE 6, на чистом белом листике создал блоки и 4 уголка абсолютных к нему, исходник тут http://shinoda.ru/bug_fix/test_ie_absolute.htm (текст я слил с фоном чтобы не отвлекал), в итоге результаты удивили еще больше чем было ) во первых уголки теперь не тольк снизу начали шалить но и справа, на 1 пиксель уезжают левее чем надо (это при всех размерах шрифта), а вот нижние уголки на 1 пиксель уезжают , при font-size: 10px низ смотрится ОК, при значении 12 пикселей низ тоже начинает уезжать на 1 пиксель вверх, при 14 пикселях низ - ОК, из всего этого можно сделать вывод - бред мозг взорван, жалко я думал можно без проблем так ставить уголки и бэкграунды к блокам, конечно есть случаи когда 1 пиксель не будет ничего портить но в данном случае с учетом того что border: 1px который у блока должен совпадать с картинкой пиксель в пиксель, вобчем буду делать s0rr0w как ты говоришь, ед что пугает в этом - опять напнуть на схлопывание границ, эх при overflow: hidden бордеры который у внешнего блока вылезает на первый план, с хейт тож не помогло

блин а так хотелось без условных комментов оботись, а теперь чую что без них как раз то никак ))))) так погоди а что имел ввиду када флоатами предложил сделать я имею ввиду как их в нижний угол то поместить? не приведешь маленький примерчик было бы интересно

позишн абсолют конечно у родителя у меня есть иначе бы координаты отсчитывались относительно самого боди ))) насчет дисплея инлайн блок попробуем ))) просто интересно еще суть понять почу он так ся ведет, по идее я сначала на 100% сдвигаю вниз а потом отриц марджином возвращаю наверх (высота то у уголка фикс)

эм, но флоаты ведь для лево и права а там же еще верт выравнивание по самому низу, то есть у меня блоки растяжимы по вертикали в за-ти от длинны коммента

ХЕХЕ, зум то помог, я просто забыл что его нужно собсно было в родитель ставить а не детям ))) хыхы ))) НО народ все равно нижние уголки именно в шестом ИЕ почему то на пару пикселей не попадают :-( http://www.realfact.ru/zhkh.html?id=24#comments

Ребят я давно уже года 2 наверное использую метод вот этого человека http://www.themaninblue.com/writing/perspective/2005/08/29/ Работает 100% везде одинаково и в том числе в шестой версии ИЕ, советую всем попробовать а потом напишите комменты

я тожде сначала удивился данному эффекту, на самом деле zoom:1 у меня прописан и во внешнем стилевом файле и непосредственно в самих абсолютно позиционированных элементах, видимо из-за того что zoom не валиден firebug на него кладет лопату :-) и просто не видит посмотрите напрямую исходный код и вы увидите что зум там есть поставил везде top left (хотя по умолчанию именно они и стоят) но все равно ничего в шестом не изменилось

увы не помог

ну как как - вставляешь рядом с другими параметрами (PARAM) в теге OBJECT

Всем любителям весрки привет многому научился с тех пор как я на этом форуме, но верстая очередной сайтешник обнаружил для ся еще один баг IE6, посмотрите вот тут http://www.realfact.ru/zhkh.html?id=24#comments, внизу у каждого блока с комментариями есть 4 уголка которые абсолютно установлены относительно их родителя <div class="commBlock"> в мозилле и опере как всегда все супер, ие7, ие8 тоже претензий нет, а вот ие6 опять проглючил у координаты почему то у него разные что и привело к такому виду! Народ плизз, как с этим бороться? PS: нижние левые и правые уголки вообще куда то делись

ага спасибо тоже тема, оппробовал кстати FastStone Capture все таки она конечно более универсальна чем Fireshot, Fireshot ведь делает скрин ток окна фокса, а FastStone может делать скрины с чего угодно, вобчем думаю тему мужно закрыть ибо солюшн найден, всем спасибо :-))) PS: обязательно сделаю скрин этого поста

ок щас посмотрим, интересно кто еще какой пользуется

ну подскажите название, я не пользовался никогда ни одной из них, нужно мнение людей которые выбрали одну из тысячи

Народ появилась такая задача, сохранить веб страницу на локалке. НО мне нужно сохранить это не в html формате а лучше как то либо pdf либо картинкой либо еще как, вот пока склоняюсь к pdf ибо если сайт вертикально высокий то не склеивать же каждый скриншот в фотошопе - муторная работа, то есть мне нужно сохранить страницу без возможности ее в дальнейшем редактировать (поэтому варианты типа сохранить в формате Word просьба не предлагать), например для сохранения туторов. Нужен какой то автоматизированный способ, как вы это делаете?

могу лишь сказать просто из за чего такое происходит 100%, а происходит это после того как я применяю к girl_area margin: 0 auto, без этого выравнивания такого эффекта явно нет пока пошел таким альтернативным путем, блок вместо margin: 0 auto выровнял с помощью position: relative; слава богу у меня фикс верстка )))

psywalker смотри это не пнг фон был а просто флеш прозрачный ))) я его ваще убрал и сделал фон silver не помогло, вообще не понятно, отпозиционировать чисто для ие 6 это всмысле? мне ток нужно чтобы серый блок который с флешем растягивал страницу по вертикали, то есть я не могу к сожалению как ссылки вокруг него сделать его аблолютом :-(

Народ всем привет, возникла очередная проблема в ИЕ6, раньше с ней не сталкивался, вот тут исходник http://shinoda.ru/bug_fix/verstka/main.htm Если посмотреть в ИЕ6 то блоки #menu_item№_area почему то имеют начало координат будто внутри блока #girl_area но на самом деле это не так если посмотрите по коду они находятся в #content_obertka, и у всех #menu_item№_area стоит позишн абсолют, а у род блока (#content_obertka) как и положено позишно релатив, так почему ИЕ6 отсчитывает от блока girl_area, если идеи?

Не пойму почему ругается файербаг вот адрес http://shinoda.ru/bug_fix/basic.htm Смысл в том что хачу проставить поочереди с помощью JQ айдишники к внутренним UL FB говорит $("ul.ul_left_submenu")[0].attr is not a function [break on this error] $("ul.ul_left_submenu").attr("id",i);\r\n в чем прикол то? сперва выбираю все ul.ul_left_submenu потом цепляю из этого набора i-й элемент и применяю к нему .attr ???

ааа, шикарно, узнал новое, день продит не зря )

и какой мне это + даст, ну то есть допустим задам в боди font-size: 12px а для списков нужно будет 10 сделать, или идея в другом? и кстати уолкер что значит твой сокральное font: 10px/10px ? :-) Впервые вижу такую запись )))

да, блин забыл конечно про Line-height :-), немного не понял про запись font: 10px/10px что она значит? а какая разница либо я в li задаю либо в ul помоему одинаково

Доброго времени суток господа, хотел поделиться с вами некими скилзами набранного опыта и заодно кое что спросить ибо проблему решил на 80%, итак вот суть (исходник тут) 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> <title></title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <ul class="test_ul"> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> </ul> </body> </html> CSS: * {margin: 0px; padding: 0px;} body {width: 500px; margin: 0 auto;} ul.test_ul { border: 1px solid red; list-style: none; } ul.test_ul li { border: 1px solid green; } a {font: 10px tahoma;} итак имеем простой список UL (красная рамка) и в нем стандартные LI (зеленая), ссылкам проставлен font-size: 10 пикселей, и что мы должны по идее получить, LI должны по идее подогнаться по высоте 10 пикселей (зеленая рамка), то есть как бы обтягивать текст, ОПЕРА делает то что мы изначально хотим, в подтверждение скриншот Далее, смотрим в Лису Видим что LI по высоте больше почему то чем текст который находится в этих самых LI, в ИЕ 6 и 7 такой же результат Немного подумав я вспомнил что по идее я же не проставлял у LI размер текста, то есть он наверняка по дефолту стоит 12 или около то пикселей, в итоге меня это навело на мысль добавить font-size непосредственно к LI это я и сделал указав 1 пиксель. Исправленный CSS: * {margin: 0px; padding: 0px;} body {width: 500px; margin: 0 auto;} ul.test_ul { border: 1px solid red; list-style: none; } ul.test_ul li { border: 1px solid green; font-size: 1px; /*НОВЫЙ ПАРАМЕТР*/ } a {font: 10px tahoma;} Так как у нас глючат ток Лиса и ИЕ снова посмотрим, сперва в лисе УРА!!! УРА!!! УРА!!! В лисе проблема решена и тут я обрадовался по идее ИЕ тоже должен правильно выглядеть НО тут меня ждало разочарование, ровным счетом для ИЕ ничего не зменилось, и тут я вспомнил про волшебный ZOOM для ИЕ который решает половину проблем и добавил + еще и его * {margin: 0px; padding: 0px;} body {width: 500px; margin: 0 auto;} ul.test_ul { border: 1px solid red; list-style: none; } ul.test_ul li { border: 1px solid green; font-size: 1px; zoom: 1; /*НОВЫЙ ПАРАМЕТР*/ } a {font: 10px tahoma;} И тут проблема с зелеными рамками решилась :-))) НО появилась другая, посмотрите на скрин теперь между самими LI появились непонятные марджины Господа что думаете, из за чего такое и как это решить?

Уолкер провер ЛС :-)