Torkvemada

Прошу прощения, но заметил, что теперь не работает в IE...

Большое спасибо Вам! Вопрос закрыт.

Здравствуйте! Люди, помогите кто сталкивался с проблемой. Есть див а внутри него картинка определенной высоты с параметром float: left; Так вот, div не хочет принимать высоту этой картинки в FireFox. В IE все нормально. То есть, если задать div-у border - то он не будет соответствовать. Заранее спасибо. .find { border: 1px solid #cecece; } .find img { float: left; }

Это все понятно и так.. Но таким путем не выходит. Подумайте сами, к примеру: один стиль задает img {border: 1px;} для всех, всех картинок на странице другой стиль говорит что у картинки класса myimg ширина должна быть 100px; .myimg {width: 100px;} И что мы видим? Мы видим картинку размером 100 пикселей а вокруг рамку! А нам не нужна рамка. Конечно же, теперь нам нужно прописывать для определенной картинки .myimg {width: 100px; border: 0;} Но это хорошо, когда мы знаем что и каким объектам задается в первой таблице стилей. А если нет? Там может быть задано что угодно, а проверять каждый объект в моем случае - это колоссальная работа.

Здравствуйте! Недавно столкнулся с проблемой. Нужно встроить в уже готовую среду со своими стилями другой обьект (объекты). Для своих объектов, понятное дело, я пишу свои стили. В итоге происходит неизбежный конфликт стилей. И все было бы хорошо, если бы конфликт возникал только из-за одинаковых названий id и class, но увы, это не так. Конфликтуют сами тэги и мои объекты сильно искажаются. Суть вопроса: Можно ли прописать что-то, что отменит все параметры всех стилей (кроме изначальных) для определенного объекта. Это очень и очень упростило бы мою задачу. То есть, сделать так, чтобы на мои объекты влияли только и только МОИ стили, а все остальные их не касались. Буду очень признателен за помощь. P.S. Отменять все параметры вручную не подойдет так, как я не знаю какие именно параметры для каких именно тэгов были заданы в уже имеющихся стилях.

Оригинал давать нет смысла, но эту ситуацию я на другом примере показал, вы правы, с кодом проще. <style type=text/css> body { margin: 0; } .table { height: 100%; width: 100px; background-color: green; float: left; } </style> <table height="100%"> <tr> <td> <script language="javascript"> document.writeln ('<table class=table><tr><td></td></tr></table>'); </script> </td> <td> <p>Flower</p> <img src="1.jpg"><img src="2.jpg"> <img src="3.jpg"><img src="4.jpg"> <img src="5.jpg"><img src="6.jpg"> <img src="7.jpg"><img src="8.jpg"> <img src="9.jpg"><img src="10.jpg"> <p>Flower</p> </td> <td> <script language="javascript"> document.writeln ('<table class=table><tr><td></td></tr></table>'); </script> </td> </tr> </table> http://www.world.in.ua/height/height.html Браузеры.. Прошу прощения, забыл сказать. Проблема возникает только в Mozilla! Opera и IE отображают как надо. Как видим, зеленые полоски по краям фотографии, которая загружаеться по кусочкам, при первой загрузке страницы не растягиваються по высоте всей страницы. При обновлении уже все нормально. Моя теория подтвердилась. Есть догадки по поводу того, что можно сделать?

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

Во-первых, я не особь женского пола. Торквемада - это мужкое имя. Инквизитор такой был. Но это не столь важно Растолковать? Ну что я могу сказать. По первому совету и так все понятно. А по второму - это уже написание ActionScript и использование флеша. Эти вопросы обсуждаються на форумах флешеров, и к проблемам верстки не относяться. Исходников скроулеров на флеше полно в сети. Кому надо - тот найдет.

Вы, написали пример описанной мною конструкции и не обнаружили проблем, или же Вы просто считаете, что проблем в принципе быть не должно? Это ведь вещи разные. Если у Вас есть написанная подобная конструкция, в которой не возникает таких проблем - прошу поделиться. Базируя советы чисто не теоретических догадках мы далеко не уедим.

А как вы предусматриваете прокрутку содержимого без скроллбара? Колесиком мышки? Так это ж еще пользователям додуматься нужно, что текст прокручиваеться. Мне приходит в голову несколько решений. 1. Раз уж задумка - это развернутая книга - то можно сделать ей страницы. < предыдущая | следующая > 2. Сделать книгу во флеш и там уже прокрутку делать в виде чего угодно с каким угодно скроллбаром или вовсе без него.

Думаю, имется ввиду, можно ли определить установлен ли флеш на компьютере у пользователя и на основании результатов данной проверки выводить на страницу для отображения либо флеш, либо другой елемент вместо флеша.

В общем, проблема такая. Есть елемент, который должен растягиваться на высоту всей страницы, то есть height: 100%; Этот елемент генерируется на страницу через JS. Проблема в том, что при первых заходах на сайт, нужный елемент не растягивается на полную высоту сайта, а оставляет небольшие пустые промежутки сверху и снизу елемента. При последующих обновлениях страницы все стабилизируеться. Мои догадки по поводу причины проблемы таковы: Пока все картинки сайта еще не загрузились высота всей страницы меньше, чем она выходит после загрузки всех картинок. И паралельно генерируеться нужный мне елемент с высотой страницы, которая еще не полностью загружена. А когда страница полностью загружаеться - высота нужного елемента уже не увеличиваеться. Какие есть предположительные решения этой проблемы? Надеюсь, изложил понятно. Буду признателен за советы. Спасибо.

В IE эта проблема таким методом решена. Спасибо. Остальные браузеры продолжают капризничать.

Уже несколько раз затрагивалась эта тема, но для себя эту задачу я так и не решил. Вполне вероятно, что решение, как всегда, елементарно и находиться где-то рядом, но я его еще не нашел. Контент поверх флеша не хочет отображаться, как бы его не позиционировал, как бы не игрался со слоями. <style type="text/css"> .flash { width: 300px; height: 300px; z-index: 1; } .content { width: 100px; height: 100px; background-color: green; position: absolute; top: 0; left: 0; z-index: 2; } </style> <div class="flash"> <div class="content">Text</div> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="300" height="300" id="fl" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="fl.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#b9b4e4" /><embed src="fl.swf" quality="high" bgcolor="#b9b4e4" width="300" height="300" name="fl" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> </div> Пример кода приведен тут: http://www.world.in.ua/flash/fl.html