Проблема отображения сайта в мозиле

Shaman · авг 17, 2015

Всем привет, проблема состоит в том,что во всех браузерах,кроме мозилы сайт нормального размера,а в мозиле сайт растягивается и прокручивается вниз.

Димка11 · авг 18, 2015

Удали мозилу

BIOS23 · авг 18, 2015

почему бы тебе не обратиться к тому кто сайт делал ?)

werewolf · авг 18, 2015

Печально, но факт, огнелис начал косячить. У меня на лостфильме, когда нажимаешь на торрент, открывается окошко, но там пусто, в остальных браузерах норм.
Сволочи, все портят...

Shaman · авг 18, 2015

Тоесть,это поправить не вар,это ошибки браузера?

BIOS23 · авг 19, 2015

можно по крайней мере мне когда 1 сайт делали поправили )

Napalm Rain · авг 19, 2015

Shaman сказал(а): ↑

Тоесть,это поправить не вар,это ошибки браузера?
Нажмите, чтобы раскрыть...

всё можно исправить. Вопрос кроссбраузерной вёрстки никто не отменял. Как советовали выше: обратитесь к автору сайта.
Ну или если хотите помощи, разметку и стили в студию.

Shaman · авг 27, 2015

(Раскрыть)

Спойлер: HTML

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Главная</title>
    <meta name="keywords" content="no">
    <meta name="description" content="bo">
    <script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
    <link rel="stylesheet" type="text/css" href="style/style.css" />
    <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript" src="js/slides.js"></script>
        <script type="text/javascript">
    $(function(){
        $('#slider').coinslider();
    });
    </script>
</head>
<body>
<header>
<nav>
    <ul class="glav-menu">
      <li><a href="#" class="menu">главная</a></li>
      <li><a href="#" class="menu">форум</a></li>
      <li><a href="#" class="menu">создать аккаунт</a></li>
      <li><a href="#" class="menu">личный кабинет</a></li>
      <li><a href="#" class="menu">правила</a></li>
  </ul>
  </nav>
</header>
<a href="">
<div class="glitch" id='logo'>
Servename
</div>
</a>
<div class="slider_block">
<div class="slider_title">
<div class="slider_text">
<p>Добро пожаловать в уникальный и удивительный мир servername!</p>
</div>
</div>
<!-- Slider -->
    <div id="slider" class="slider_wrap">
        <img src="images/slider/1.jpg" alt="" />
        <img src="images/slider/2.jpg" alt="" />
        <img src="images/slider/3.jpg" alt="" />
    </div>
<!-- Slider-->
</div>
<div class="right">
<!-- STATUS -->
<div class="status">
<div class="status-text">
<div class="status-txt">
СТАТУС СЕРВЕРА
</div>
</div>
<div class="status-content">
<div class="online" align="Center">
СЕРВЕР:<?php echo $server1; ?>
<hr color="#232b2b" size="1px" width="280" style="position:relative; left: 0px;">
РЕГИСТРАЦИЯ:<?php echo $server1; ?>
<hr color="#232b2b" size="1px" width="280" style="position:relative; left: 0px;">
ОБНОВЛЕНИЯ:<?php echo $server1; ?>
<hr color="#232b2b" size="1px" width="280" style="position:relative; left: 0px;">
ВЕРСИЯ ОБНОВЛЕНИЙ:<font color="green" size="3"><?php echo $version; ?></font>
<hr color="#232b2b" size="1px" width="280" style="position:relative; left: 0px;">
</div>
</div>
</div>
<!-- SUPPORT -->
<div class="forum">
<div class="forum-text">
<div class="forum-txt">
БЛОК2
</div>
</div>
<div class="forum-content">
<div class="forum-content-txt" align="Center">
БЛОК2
</div>
</div>
</div>
</div>
<div class="content">
<div class="slider2">
<!-- Slider -->
<a href="/">
    <div id="slider2" class="slider_wrap2">
        <img src="images/slider/8.jpg" alt="" />
        <img src="images/slider/8.jpg" alt="" />
        <img src="images/slider/8.jpg" alt="" />
    </div>
</a>
<!-- Slider-->
</div>
</div>
</div>
    </body>
</html>

--- добавлено: 19 авг 2015 в 19:33 ---

(Раскрыть)

Спойлер: css

Код:

body {
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  background: url(../images/background.png) no-repeat #000000 top center;
  min-width:1200px;
  height:2000px;
  max-height:2000px;
  min-height:2000px;
}
header {
  background: url(../images/fon-menu.png) repeat-x;
  box-shadow: 0 4px 6px rgba(0,0,0,.2);
}
nav {
  max-width: 700px;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;
}
ul {
  margin: 0;
  margin-right: 35px;
  padding-left: 0;
  list-style: none;
  float: right;
  height: 10px;
  line-height: 10px;
  text-align:center;
}
a.menu {
  text-decoration: none;
  display: inline-block;
  position: relative;
}
a {
text-decoration: none;
}
li a {
  color: #232B2B;
  text-transform: uppercase;
}
li {
  display: inline-block;
  margin-left: 25px;
  transition: .5s linear;
}
li a:after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 20px;
  background: #232B2B;
  transition: all 0.5s linear;
}
li a:hover:after{
  width: 100%;
}

  .slider_block {
position:relative;
  background: url(../images/slider/slider-fon.png);
  width:1100px;
  height:299px;
  margin:0 auto;
  top:100px;
}
/* НАЧАЛО СЛАЙДЕРА */
.slider_wrap {
   width:1062px;
   height:280px;
   position:relative;
   overflow:hidden;
   left:19px;
   top:19px;
}
.slider_wrap img {
   width:100%;
   height:auto;
  display:none;
   position:absolute;
   top:0;
   left:0;
}
.slider_wrap img:first-child {
display:block;
}

/* Слайдер конец */

.content {
position:relative;
  background: url(../images/content.png);
  width:750px;
  height:1500px;
  margin:0 auto;
  top:-1400px;
  left:-175px;
  z-index:993;
}
.slider_title {
position:absolute;
background: rgba(0, 0, 0, 0.6);
margin:0 auto;
width:1062px;
height:50px;
left:19px;
top:249px;
z-index: 2;
}
div.slider_text p {
  text-align: center;
  font-family: "Сomic Sans MS" Cursive;
  color:#ffffff;
  font-size: 20px;
  position:relative;
  top:-5px;
}
.glitch{
  color:white;
  font-size:100px;
  position:relative;
  width:400px;
  margin:0 auto;
  left:-160px;
  top:50px;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  }
  .glitch:hover {
  color:white;
  -webkit-transform: rotate(5deg) scale(1);
  -moz-transform: rotate(5deg) scale(1);
  -o-transform: rotate(5deg) scale(1);
  -ms-transform: rotate(5deg) scale(1);
  transform: rotate(5deg) scale(1);
  color:white;
  font-size:100px;
  position:relative;
  width:400px;
  margin:0 auto;
  left:-160px;
  top:50px;
  }
  .news {
  background: #ffffff;
  position:relative;
  width:700px;
  height:1210px;
  margin:0 auto;
  top:27px;
  left:10px;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  }
  .news-vk {
  position:relative;
  margin:0 auto;
  top:10px;
  left:10px;
  }
  .status {
  background: #ffffff;
  position:relative;
  display:block;
  width:300px;
  height:210px;
  margin:0 auto;
  top:30px;
  left:-10px;
  bottom:230px;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  }
  .status-text {
  font-family: 'Arial', Monospace bold;
  background: #cc3333;
  position:relative;
  width:280px;
  height:35px;
  left:10px;
  top:10px;
  color: #ffffff;
  font-size: 18px;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  display:block;
  }
  .status-content {
  font-family: "Сomic Sans MS" Monspace bold;
  background: #ffffff;
  position:relative;
  width:280px;
  height:150px;
  left:10px;
  top:10px;
  color: #232b2b;
  font-size: 15px;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 0px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  }
  .status-txt {
  position:relative;
  left:60px;
  top:5px;
  }
  .online {
  position:relative;
  top:3px;
  }
  /* НАЧАЛО СЛАЙДЕРА2 */

--- добавлено: 19 авг 2015 в 19:34 ---

(Раскрыть)

Спойлер: css продолжение

Код:

.slider2 {
  background: #ffffff;
  position:relative;
  width:700px;
  height:210px;
  margin:0 auto;
  top:30px;
  left:10px;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  }

.slider_wrap2 {
   width:680px;
   height:190px;
   position:relative;
   overflow:hidden;
   left:10px;
   top:10px;
}
.slider_wrap2 img {
   width:100%;
   height:auto;
  display:none;
   position:relative;
   top:0;
   left:0;
}
.slider_wrap2 img:first-child {
display:block;
}

/* Слайдер конец2 */

.right {
position:relative;
  background: url(../images/right.png);
  width:350px;
  height:1500px;
  margin:0 auto;
  top:100px;
  left:375px;
  z-index: 992;
}

--- добавлено: 19 авг 2015 в 19:35 ---

(Раскрыть)

Спойлер: css продолжение 2

Код:

/* forum */
  .forum {
  background: #ffffff;
  position:relative;
  display:block;
  width:300px;
  height:210px;
  margin:0 auto;
  top:50px;
  left:-10px;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  }
  .forum-text {
  font-family: 'Arial', Monospace bold;
  background: #cc3333;
  position:relative;
  width:280px;
  height:35px;
  left:10px;
  top:10px;
  color: #ffffff;
  font-size: 18px;
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  display:block;
  }
  }

--- добавлено: 19 авг 2015 в 19:36 ---

Napalm Rain · авг 20, 2015

а не проще было архивчик скинуть? В личку, например, если уж боитесь, что сопрут... Ну да ладно, гляну чуть позже, если до меня никто не успеет починить.

Shaman · авг 20, 2015

Спасибо

sexbot сказал(а): ↑

а не проще было архивчик скинуть? В личку, например, если уж боитесь, что сопрут... Ну да ладно, гляну чуть позже, если до меня никто не успеет починить.
Нажмите, чтобы раскрыть...

Войти или зарегистрироваться

Проблема отображения сайта в мозиле

Shaman Пользователи

Димка11 Пользователи

BIOS23 Пользователи

werewolf Old school Пользователи

Shaman Пользователи

BIOS23 Пользователи

Napalm Rain Программист Пользователи

Shaman Пользователи

Napalm Rain Программист Пользователи

Shaman Пользователи

Скрипт xF для сайта

Раскрутка сайта

Создание Сайта Для PW

Шаблон сайта

Дизайн Сайта.

Поделиться этой страницей

Войти или зарегистрироваться

Проблема отображения сайта в мозиле

Shaman Пользователи

Димка11 Пользователи

BIOS23 Пользователи

werewolf Old school Пользователи

Shaman Пользователи

BIOS23 Пользователи

Napalm Rain Программист Пользователи

Shaman Пользователи

Napalm Rain Программист Пользователи

Shaman Пользователи

Скрипт xF для сайта

Раскрутка сайта

Создание Сайта Для PW

Шаблон сайта

Дизайн Сайта.

Поделиться этой страницей

Быстрый поиск