Jump to content
  • 0

Проблема с плавающим фреймом

Gamer

Asked by Gamer,

 Share

Question

Gamer Explorer

Gamer

Posted
Posted (edited)

Здравствуйте!

На странице имеются плавающий фрейм (чат) и скрипт для его сокрытия/показа по клике на ссылку. Все прекрасно работает во всех браузерах, кроме Лисы. Почему-то, при назначении свойства display:none через атрибут style непосредственно диву с фреймом последний тут же куда-то уезжает. Причем в остальных случаях (например, при вытаскивании свойства через айдишник и подвешивания на наведение/убирание мыши) никаких проблем не возникает.

Прошу помощи в поиске мистической связи свойства с глюком и способов его решения.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>...</title>
<style>
* {padding:0px;margin:0px;}
html {background:url('фон');background-repeat:repeat-x;}
</style>  
<script type="text/javascript">

function showchat(id){
display = document.getElementById(id).style.display;

if(display=='none'){
document.getElementById(id).style.display='block';
}else{
document.getElementById(id).style.display='none';
}
}
</script>
</head>

<body>

<div style="text-align:center;height:500px;background:url('фоновое изображение');  background-repeat:no-repeat;background-position:center top;">

<div id="chat" style="display:none;margin:auto;padding:5px 20px 0px 0px;position:relative;top:50px;width:558px;height:330px;background:url('фон для чата');  background-repeat:no-repeat;">

<iframe style="width:550px;height:330px;" frameborder="0" scrolling="no" hspace="0" vspace="0" allowtransparency="true" src="/чат">Здесь чат, но поскольку у вас отключены ifram'ы, вы не видите его.</iframe>

</div></div>

<div><p style="text-align:center;"><a href="#" onclick="showchat('chat'); return false">Чат</a></p></div>

</body>
</html>

Собственно, примеры:

Как должно быть... | И как в Лисе

Edited by Gamer
Link to comment
Share on other sites

28 answers to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept