fixed images

T

ThePowerr

Registered
здравейте имам проблем с фиксирането на картинките
фиксирам ги и всичко си е ок, но щом отворя сайта с интернет екслорер и сичко се насира
савсем на друго място си ги слага ИЕ за разлика от мозила хрома операта ...

ето


mozilla
http://img844.imageshack.us/img844/7619/img20062011192006.png
ie
http://img641.imageshack.us/img641/3020/img20062011192012.png

code

<html>
<head>
<title>
Gallery
</title>
<script src="001.js" type="text/javascript">
</script>
<script src="002.js" type="text/javascript">
</script>
<script src="003.js" type="text/javascript">
</script>
<link rel="stylesheet" type="text/css" href="001.css" />
<link rel="stylesheet" type="text/css" href="002.css" />
<link rel="stylesheet" type="text/css" href="003.css" />
</head>
<body background="img 0012.jpg" bgproperties="fixed" style="background-repeat:no-repeat;background-attachment:fixed;background-position:right bottom;background-color:#000000;">
<a href="index.html">
<div class="fadehover">
<img src="img 0002.png" width="300" height="100" border="0" class="a" />
<img src="img 0003.png" width="300" height="100" border="0" class="b" />
</div>
</a>
<ul id="gallery">
<li>
<a href="001.html">
<img src="img 0005.png" border="0" />
</a>
</li>
<li>
<a href="002.html">
<img src="img 0006.png" border="0" />
</a>
</li>
<li>
<a href="003.html">
<img src="img 0007.png" border="0" />
</a>
</li>
<li>
<a href="004.html">
<img src="img 0008.png" border="0" />
</a>
</li>
<li>
<a href="005.html">
<img src="img 0009.png" border="0" />
</a>
</li>
<li>
<a href="">
<img src="img 0010.png" border="0" />
</a>
</li>
</ul>
<a href="006.html">
<img src="img 0013.png" width="200" height="100" border="0" style="position:fixed;top:300px;left:400px;" onmouseover="this.style.opacity=2;this.filters.alpha.opacity=200"
onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" />
</a>
<a href="014.html">
<img src="img 0014.png" width="200" height="100" border="0" style="position:fixed;top:420px;left:400px;" onmouseover="this.style.opacity=2;this.filters.alpha.opacity=200"
onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" />
</a>
<a href="016.html">
<img src="img 0015.png" width="200" height="100" border="0" style="position:fixed;top:540px;left:400px;" onmouseover="this.style.opacity=2;this.filters.alpha.opacity=200"
onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" />
</a>
<a href="021.html">
<img src="img 0016.png" width="200" height="100" border="0" style="position:fixed;top:660px;left:400px;" onmouseover="this.style.opacity=2;this.filters.alpha.opacity=200"
onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" />
</a>
 
Е разбира се нали познаваш ИЕ - все си прави каквото иска и на никой не обръща внимание особено ако тестваш със 6цата...
понеже е доста код и не разбрах коя картинка точно е тази която се размества (във кода - имената не се знае как са на тези който се разместват) и няма как да помогна.Може да дадеш демо онлайн в някой сайт като hit.bg само на файлът който прави проблеми да опитаме да го преправим за IE.
Обикновено аз процедирам така:слагам проблемия елемент със клас от css файл и правя допълнително условие със * за IE 6&7 .Дано нещо съм помогнал. :?:
 
вапросните картинки са последните 4


<a href="006.html">
<img src="img 0013.png" width="200" height="100" border="0" style="position:fixed;top:300px;left:400px;" onmouseover="this.style.opacity=2;this.filters.alpha.opacity=200"
onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" />
</a>
<a href="014.html">
<img src="img 0014.png" width="200" height="100" border="0" style="position:fixed;top:420px;left:400px;" onmouseover="this.style.opacity=2;this.filters.alpha.opacity=200"
onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" />
</a>
<a href="016.html">
<img src="img 0015.png" width="200" height="100" border="0" style="position:fixed;top:540px;left:400px;" onmouseover="this.style.opacity=2;this.filters.alpha.opacity=200"
onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" />
</a>
<a href="021.html">
<img src="img 0016.png" width="200" height="100" border="0" style="position:fixed;top:660px;left:400px;" onmouseover="this.style.opacity=2;this.filters.alpha.opacity=200"
onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" />
</a>
 
Сложи всички 4 картинки в един дин, също сложи и един див на менюто и задай на див-а float:left;( и на двата сложи флоат) може и да стане.
И един въпрос, защо имаш 3 css-файла и въпреки това задаваш стилове на всеки елемнт в html файла?
 
Всъщност знаеш ли какъв ти е проблема - IE 7 и 8 поддържат position:fixed само с добавен !DOCTYPE. Така че само го добавяш и си готов или можеш да сложиш абсолютно позициониране. :) :?:
 
nbacool2 каза:
Всъщност знаеш ли какъв ти е проблема - IE 7 и 8 поддържат position:fixed само с добавен !DOCTYPE. Така че само го добавяш и си готов или можеш да сложиш абсолютно позициониране. :) :?:
Увеличете...

можели да покажеш как че несхванах
 
ThePowerr каза:
nbacool2 каза:
Всъщност знаеш ли какъв ти е проблема - IE 7 и 8 поддържат position:fixed само с добавен !DOCTYPE. Така че само го добавяш и си готов или можеш да сложиш абсолютно позициониране. :) :?:
Увеличете...

можели да покажеш как че несхванах
Увеличете...
Преди <html> елемента слагаш
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Тоест става така
"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
....................
...............
"
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе