Есть сайт, сделал модальное окно, на хроме все збс, а вот на фаерфоксе оно искажает, в чем может быть проблема? хелп плиз
вот код :
<style>
*{
font-family: Areal;
}
.b-container{
width:500px;
height:550px;
background-color: #ccc;
margin:0px auto;
padding:10px;
font-size:30px;
color: #fff;
z-index: 999999;
}
.b-popup{
width:100%;
min-height:100%;
background-color: rgba(0,0,0,0.5);
overflow:hidden;
position:fixed;
top:0px;
z-index: 999999;
}
.b-popup .b-popup-content{
margin:40px auto 0px auto;
width:425px;
height: 400px;
padding:10px;
background-color: #c5c5c5;
border-radius:5px;
box-shadow: 0px 0px 10px #000;
z-index: 999999;
}
</style>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
PopUpHide();
});
function PopUpShow(){
$("#popup1").show();
}
function PopUpHide(){
$("#popup1").hide();
}
</script>
<form action="" method="post" >{% csrf_token %}
<font color=#000000>
<input id="id_pk_post" value="1" type="hidden" maxlength="1" name="pk_post" type="text">
<input id="id_post_request" value="1" type="hidden" maxlength="1" name="post_request" type="text">
<label for="id_description_post" style=" display:table; margin-top:0px; ">Description :<br></label><textarea id="id_description_post" maxlength="9999" name="description_post" style="resize:none" rows="12" cols="80" autofocus type="text"></textarea><br>
<label for="id_start_date" >Start date : </lable><textarea id="id_start_date" maxlength="9999" name="start_date" style="resize:none" rows="1" cols="18" autofocus type="text">{% now "Y-m-d H:i" %}</textarea><br>
<label>End date :</label><textarea id="id_end_date" maxlength="9999" name="end_date" style="resize:none" rows="1" cols="18" autofocus type="text">{% now "Y-m-d H:i" %}</textarea><br>
<label>Priority :</label>
<select name="input" method="get">
<option value="1" id="id_priority_post" name="priority_post">High</option>
<option value="2" id="id_priority_post" name="priority_post">Midle</option>
<option value="3" id="id_priority_post" name="priority_post">Low</option>
<input type="button" style="display:inline-block;" value="Cancel" ONCLICK="window.location.href='/'" class="submit">
<input type="submit" style="display:inline-block;" value="Apply" ONCLICK="window.location.href='/'" class="submit">
</select>
</form>
</font>
спасибо
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.