Траблы с разными обозревателями (ff&ie)
Здравствуйте всем!
Пытаюсь добиться одинакового отображения в ff3 и ie6 и уже подзадолбался... Вопросы: 1.Как в ie6 убрать справа полосу прокрутки? 2.Как заставить ie6 выполнять transparent для iframe или хотя бы как изменить белый цвет на что-то поприличнее? (я туда пихаю .jpg файлы для отображения и под каждый .jpg писать .html не хочется, чтобы определить фон, а нужно чтобы за пределами этого .jpg в оставшейся части фрейма виден был фон родительского объекта) 3.Как объяснить ff3 что height="100%" - это высота окна в котором формируется объект, а не то что заканчивается под столом, на котором стоит монитор? (формирую окно с помощью iframe, размер резиновый, от того что осталось - чтобы тянулся, создаю в нем div с вертикальным скролингом и задаю высоту 100%; в ie6 все путем, а в ff3 height становится больше высоты эрана раза в три и скролинг просто не появляется!) 4.Можно ли научить ie6 правильно отображать .png с прозрачными участками? |
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
|
1.Убрать справа полосу прокрутки? overflow - Спасибо - помогло. (моя ошибка была в том, что я вместо hidden задавал для этого параметра no)
2.Как изменить белый цвет на что-то поприличнее? backgroundColor - Не помогает. Если я задаю в шапке backgroundColor:#000, потом даю комманду iframe - окно, которое она образует и куда я впоследствии вывожу картинку окрашено ярким белым цветом в ie6, а в ff3 все ok... 3.Как объяснить ff3 что такое height="100%"? никак, после верстки под ie6 это кажется неудобным, но это как раз правильное поведение. - Правильно то что окно, для которого запрещен скролинг заканчивается под столом судя по его высоте??? Как же тогда организовать резиновое окно iframe с вертикальными прокрутками для каждой ячейки помещенной внутрь однострочной таблицы, которое одинаково отобразится на разных браузерах? |
Цитата:
Цитата:
Цитата:
Цитата:
|
По поводу фона в фрейме - вот пример. IE и FF отображают результат по разному, как победить IE? В окно фрейма я вывожу рисунки, а не .HTML - как задать черный цвет фона в этом случае?
<html> <head> <meta http-equiv="Content-Type" content="text/html;> </head> <body bgcolor="#000000"> <iframe width="100%" height="100%"></iframe> </body> </html> Про скроллинг, я приведу пример попозже - еще не сверстал. |
Цитата:
Цитата:
Цитата:
|
Внутри фрейма это как? У меня ситуация выглядит вот так и не работает:
<iframe width="100%" height="100%" name="frm" style="background-color:#000;"> <a href="img.jpg" target="frm"><img src="img.jpg"></a> |
Возможно я неправильно выразился... Задам вопрос по-другому:
<iframe width="100%" height="100%" name="frm"> <a href="img1.jpg" target="frm"><img src="img2.jpg"></a> Очевидно при нажатии на "img2.jpg" в окне "frm" отобразится "img1.jpg". Проблемма в том, что разные обозреватели исполняют это по-разному. FF сначала отображает уменьшеный рисунок, чтобы он помещался в окне, а потом при нажатии на "img1.jpg" увеличивает масштаб рисунка до 100% и дает прокрутку, и при этом цвет фона (той части окна, что не занята рисунком) остается тот, что был задан до отображения рисунка. IE сразу отображает рисунок в 100% масштабе и фон делает ярко белым невзирая на то что там было раньше. Собственно эту белизну я и хочу закрасить, или объяснить IE, что фон надо оставить прежним (transparent). Второй вопрос касается видимой высоты окна, в котором отображается меню из рисунков "img2.jpg". Как ее задать так, чтобы оно нормально со скролингом отображалось при растягивании окна FF и не заезжало за нижний край, как если задать высоту 100% ? В IE в этой ситуации как раз все Ok. Если второй вопрос непонятен, могу привести конкретный пример. ps: Господа бывалые верстальщики! Зачем Вы пытаетесь обидеть тех кто тут Вас о чем-то спрашивает? Если у таких как я не возникало бы вопросов, то и форума наверное не было бы. Я программист с некоторым (20 лет) стажем, а ХТМЛ увидел неделю назад и пытаюсь в нем разобраться. Естественно мне хочется чтобы моя верстка выглядела как программа, а не документ ворда с разметкой, отсюда и вопросы возникают возможно не корректные, но не ошибаются те, кто ничего не пытаются сделать... |
Цитата:
Цитата:
Цитата:
|
Цитата:
Цитата:
|
Цитата:
|
Вот пример, в котором IE FF по разному отображают окно.
Нужно в IE изменить цвет окружения картинки с белого на черный, а в FF решить проблемму со скроллингом. Картинку подставьте любую размером 500х700 или около того, а лучше разные картинки.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;>
</head>
<body style="background-color:#000; overflow:hidden;">
<table width="100%" height="100%" border="1">
<tr>
<td width="120">
<div style="width:120px; height:100%; overflow:auto;">
<a href="IMG.jpg" target="frm">
<img src="IMG.jpg" width="100">
</a>
<a href="IMG.jpg" target="frm">
<img src="IMG.jpg" width="100">
</a>
<a href="IMG.jpg" target="frm">
<img src="IMG.jpg" width="100">
</a>
<a href="IMG.jpg" target="frm">
<img src="IMG.jpg" width="100">
</a>
<a href="IMG.jpg" target="frm">
<img src="IMG.jpg" width="100">
</a>
<a href="IMG.jpg" target="frm">
<img src="IMG.jpg" width="100">
</a>
<a href="IMG.jpg" target="frm">
<img src="IMG.jpg" width="100">
</a>
</div>
</td>
<td>
<iframe name="frm" width="100%" height="100%" scrolling="auto">
</iframe>
</td>
</tr>
</table>
</body>
</html>
Цитата:
|
Папку на сервере? Вы протокол HTTP сначала поизучайте, чтобы глупостей не говорить.
|
Раз уж хочется из html папки сканировать, то наверняка понравится такая штука: http://ru.wikipedia.org/wiki/ColdFusion
|
Для начала мне нужно победить проблеммы, на которые я наткнулся в приведенном мной примере
|
А в ответ тишина... Я задал в теме несколько вопросов - к счастью получил ответ на один из них. А как же быть с оставшимися? На них нет ответа, или влом отвечать? Может у меня подход к решению задачи в корне неправильный? Может надо послать таблицы и перейти на дивы, как это сейчас модно? Ну как-то же определяется эта чертова высота окна в FF... Или может задать этот вопрос разработчикам FF?
|
Цитата:
|
Цитата:
|
Да - дивы помогли, таблицы в топку!
С высотами в FF проблемм не стало. Кто знает как запретить в IE высвечивать меню со значками "сохранить, распечать, послать в эротическое путешествие..." при наведении на рисунок? И еще вопрос: если окно разделить на два столбика можно ли ширину одного задать в "%" а второго в "px" и как узнать сколько % осталось? (ну типа width:100%-200px, или по аналогии с "*" в фреймах <frameset rows="80,*" cols="*">) |
<head>
…
<meta http-equiv="imagetoolbar" content="no" />
…
</head>
|
Цитата:
<meta http-equiv="imagetoolbar" content="no" /> 2. Локальный. У изображения, для которого не нужно показывать панель, указать аттрибут galleryimg="no". |
Цитата:
<a href="IMG1.jpg" target="frm"> <img src="IMG2.jpg" width="100"> </a> Может это можно как-то в фрейме задать? <iframe name="frm" src="frm.html"></iframe> Нужно подкорректировать реакцию браузера на открытие файлов .JPG Как это сделать? |
Цитата:
Цитата:
|
Цитата:
Если есть возможность вызывать один HTML и в качестве параметром передавать ему имена разных JPG файлов, это можно было бы применить, но я не знаю есть ли тут такое ... |
Цитата:
Цитата:
var iframe = document.getElementById("идентификатор-фрейма");
var doc = iframe.contentDocument || iframe.contentWindow.document;
// doc ссылается на window.document фрейма
Конечно с выключенным JavaScript ничего работать не будет, да и фрейм особо не нужен, можно вставить изображение прямо в текущий документ с помощью JavaScript. Цитата:
Цитата:
|
Цитата:
Цитата:
Цитата:
Цитата:
Кстати форматирование у меня почему-то исчезло при вставке примера в сообщение. В принципе мне удалось удовлетворить своих "заказчиков" тем что я наваял. ОГРОМНОЕ спасибо всем, кто здесь мне помог! Не поминайте лихом. |
По поводу форматирования кода HTML - кто может объяснить такой феномен:
<html> <head> <meta http-equiv="Content-Type" content="text/html"> </head> <body> <table border="1"> <tr> <td> <img src="img.jpg" border="0"> </td> </tr> </table> </body> </html> В FF3 бордюр таблицы вплотную прилегает к рисунку. В IE6 снизу не прилегает на 3px. Если перед </td> убрать перенос строки, чтобы оно было в одно строке с <img>, то этот прикол исчезает. |
По умолчанию vertical-align у изображений в браузерах разный, поробуйте задать vertical-align: top или bottom.
<img style="vertical-align: top;" ...> |
Цитата:
|
Цитата:
Цитата:
Раз этот способ не момогает, с помощью CSS еще много чего можно попробовать изменить, например, задать overflow:hidden для ячейки таблицы, пробуйте… Ссылка по теме |
| Часовой пояс GMT +3, время: 16:56. |