W1nD

Ребята, требуется ваша помощь. Перед мной есть задача ссылка на меню. Задача стоит в том, что ширина выпадающего меню не известна и получается, когда наводишь на последний пункт категории, выпадающее меню уходит за окно. Как правильно на javascript написать функцию, чтобы она проверяла не вышел ли блок за пределы окна. Может у кого-то какие-то идеи соображения есть по этому поводу. Желательно все идеи и соображения высказывать на языке javascript. Буду рад выслушать

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

Вообще-то это я и хочу, это как результат. Я уже почти сверстал. Но для начала, я хотел чтобы как в #12 посте, картинка, та что слева, выглядела одинаково во всех браузерах.

Спасибо большое за информацию к размышлению. Будет над чем подумать в свободное время. Как только у вас появиться информацию, поделитесь. Я думаю многим будет интересно

Можете предоставить ссылку? Было бы интресно взглянуть, что с точки зрения браузера занимает больше времени рендеринга. Если это действительно так, то скорее всего это не основное его преимущество.

Ладно, уход засчитан. Дальше бы получилось без содержательно. Вот то что мне надо Есть форма входа, мне нужно сделать вокруг нее полупрозрачную рамку. Я использовал несколько методов: 1) Делал блок обертку, которому назначал opacity везде понятное дело все работало нормально, только не в IE, там даже содиржимое блока становилось прозрачное. Отказался от этого метода 2) <div id="wrap"> <div class="transparency"></div> <div class="b-content"></div> </div> В этом варианте, я позиционировал один блок относительно другого, при этом блоку transparency задал прозрачность. Везде были разные расстояния, может быть я не довел до ума этот способ, но с этим вариантом тоже не получилось. 3) Вспомнил про обтекание применение свойства float и про обтекание одним блоком другого. Опять, везде работает, в IE нет. В спецификации вот что написано 4) Придется, скорее всего, делать через прозрачный png, правда все эти ухищрения были нацелены на то чтобы обойтись без JavaScript Если у вас есть примеры решения, буду рад выслушать. Пока писал ответ наткнулся на статью Ссылка на хабр

Пример из Google Chrome Сейчас установлю специально сафари чтобы убедиться. Если у вас не работает, приложите скрин, или напишите какой версии у вас Google Chrome ВSafariда, действительно не работает. Поэтому ваш метод универсальный. Следует обязательно добавлять letter-spacing: -1px; line-height: 0; Но я бы не акцентировал внимание на Safari, так как совсем крохотная часть пользователей его использует. Статистика

Тогда объясните мне как вы понимаете это, я уже 3 раз пытаюсь от вас этого добиться. Объясните мне и всем, что такое обтекание текстом и блок. Я как посмотрю у вас проблем нету с терминологией. Ну так пролейте же свет знаний на тьму невежества. А я всю свою сознательную жизнь заблуждался, вместо того чтобы мне рассказывать где я не прав, скажите где вы правы.

Вполне можно обойтись и без letter-spacing: -1px; line-height: 0; для всех современных браузеров работает, и в IE6 - IE8 тоже, поэтому считаю что работает везде. Назовите мне те браузеры, где без этих свойств будет отступ?

Прежде чем писать советую вам самому разобраться что такое обтекание и как оно работает. Пример номер 1 Пример номер 2 Пример номер 3 Самый яркий пример номер 4 Мой пример Вот ссылка мой мой пример, только с указанной высотой блока .two Скажите, что по вашему означает обтекание?

Ссылка на изображения Помоему, браузеры меня поддержат, обтекания происходит, вам так не кажется? Прежде чем писать по теме вопроса, разберитесь для себя, что значит обтекания и как оно выглядит? Расположить в ряд блоки я смогу. У меня не получается сделать так, чтобы блок .two обтекал блок .one

psywalker дал развернутый ответ по этому поводу. от себя добавлю, что борьба с отступами, которые появляются при использование display:inline-block легко происходит, блоку обертке присваиваем font-size:0, а дочерным элементам указываем нужный font-size

Для первого блока это свойство лишнее, так как при float блоку автоматически присваивается свойство block. Попробовал ваш код, всеравно ничего не произошло. Только второй блок стал строчным элементом, вот что поменялось. Пожалуйста, вы могли бы дать ссылку на эту информацию, спасибо. Да, и без zoom все равно обтекания не происходит.

Подскажите пожалуйста, почему в IE6 блок .two не обтекает блок .one, во всех остальных браузерах это происходит. Ссылка на пример <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title></title> <style type="text/css"> html,body{width:100%;height:100%;padding:0px;margin:0px;} #wrapper{background:#dedede;width:100%;height:100%;} .one{margin-left:20px;width:200px;background:red;float:left;} .two{width:300px;background:green;zoom:1;} .three{width:300px;background:yellow;zoom:1;} </style> </head> <body> <div id="wrapper"> <div class="one">1</div> <div class="two">2</div> <div class="three">3</div> </div> </body> </html>