Дамы и господа, необходима помощь по адаптации сайта в Mozilla и Googlechrome. В чем причина такой проблемы я просто не знаю.
Небольшая предыстория. Сайт был переделан с шаблона, все мои манипуляции с кодом при подстраивание сайта под себя, не превели в плачевным последствиям (то есть сайт не рвало при просмотре в мозиле). Но после какого-то времени произошла беда, в чем ее суть я до сих пор понять не могу. Теперь отображается в мозиле по корявому, и как это исправить я ума не приложу.
Я пытался полностью перезалить все файлы и таблицы css - безуспешно. Пробовал откатить сайт при помощи бекапов - безуспешно, я создал проверочный сайт и сделал его идентичным своему, но опять таки безуспешно. То есть отображается нормально, мой же наоборот коряво. Если кто то сталкивался с такой же проблемой, пожалуйста помогите, ибо идеи у меня иссякли. Заранее благодарю за помощь.
P.s Код таблицы Css Code
/*
=============================================================
This Skin for STRESS WEB Developed by S.T.R.E.S.S.
File 'css.css' - Cascading Style Sheet (CSS) Document
=============================================================
*/
* { margin: 0px; padding: 0px; }
html, body {
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
color: #d0d3d7;
font: 11px/16px Tahoma, Verdana, Arial, Helvetica, sans-serif;
background: #0c141a;
}
a {
color: #ffed8b;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px
}
img {
border: none;
}
input {
vertical-align: middle;
}
input[type=text], input[type=password], select, textarea {background: transparent; color: #ffed8b; border: 1px solid #ffed8b;}
#i1 {background: url("../images/i_01.jpg") 50% 0 no-repeat;}
#i2 {background: url("../images/i_02.jpg") 50% 150px no-repeat;}
#i3 {background: url("../images/i_03.jpg") 50% 300px no-repeat;}
#i4 {background: url("../images/i_04.jpg") 50% 0 no-repeat;}
#i5 {background: url("../images/i_05.jpg") 50% 150px no-repeat;}
#i6 {background: url("../images/i_06.jpg") 50% 300px no-repeat;}
#i7 {background: url("../images/i_11.jpg") 50% 450px no-repeat;}
#i8 {background: url("../images/i_08.jpg") 50% 600px no-repeat;}
#wrapper {
width: 1100px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
background: url("../images/bg.jpg") 50% 0 repeat-y;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
height: 450px;
position: relative;
}
#l2ban {width: 88px; height: 31px; position: absolute; right: 33px; top: 28px;}
#b468x60 {background: url("../images/468x60.jpg") 0 0 no-repeat; width: 488px; height: 71px; text-align: center; padding-top: 9px; margin: 2px auto 10px;}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
width: 100%;
padding: 0;
margin-bottom: 154px;
height: 1%;
background: url("../images/i_09.jpg") 50% bottom no-repeat;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
overflow: hidden;
}
#content {
padding: 30px 295px 0 295px;
min-height: 1036px;
}
.breaker {background: url("../images/b-breaker.png") 50% 0 no-repeat; height: 18px; margin: 10px 0;}
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
float: left;
width: 260px;
margin-left: -100%;
position: relative;
}
#menu {padding: 45px 0 0 66px; height: 440px;}
#menu ul {list-style: none;}
#menu ul li {height: 26px; width: 139px; background: url("../images/menu-bg.png") 0 bottom no-repeat; text-indent: 20px;}
#menu ul li.nobg {background: none;}
#menu ul li a {font: 13px/20px Tahoma; color: #fff; text-decoration: none;}
#menu ul li a:hover {text-decoration: underline; color: #ffed8b;}
#start {padding-left: 30px; text-align: left; height: 115px;}
.bopros {font: 21px Georgia; color: #ffcb00; text-align: left; text-indent: 10px; margin-bottom: 5px;}
#opros {padding-left: 20px;}
/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {
float: left;
margin-right: -3px;
width: 260px;
margin-left: -260px;
position: relative;
}
#donate {width: 235px; text-align: left; font: 11px Tahoma; color: #6a84a6; padding-left: 15px;}
#donate span {color: #d0d3d7;}
#donate strong {color: #ffd200; font: 25px "Times New Roman";}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
width: 1100px;
margin: -154px auto 0;
height: 154px;
background: url("../images/i_10.jpg") 50% 0 no-repeat;
position: relative;
}
.copy {position: absolute; right: 45px; top: 100px; font: 11px Tahoma; color: #373f4b;}
.counters {width: 366px; margin: 0 auto;padding-top: 10px; position: relative;}
#c1 {position: absolute; left: 0; top: 94px;}
#c2 {position: absolute; left: 140px; top: 94px;}
#c3 {position: absolute; left: 280px; top: 94px;}
/***************************
* server status
***************************/
.bstatus { width: 208px; margin: 0 auto 5px; font: 21px Georgia; color: #ffcb00; text-align: left; }
#status { padding: 40px 0 0 0; height: 535px;}
#status table {width: 208px; font: 11px Tahoma; color: #fff; margin: 0 auto;}
#status a {color: #fff; font: 11px Tahoma; text-decoration: none;}
#status th {text-align: left; font: 11px Tahoma; color: #ffe898; background: url("../images/stat-th.png") 0 3px repeat-x; height: 27px; padding-top: 3px; text-indent: 7px;}
#status td {text-align: left; background: url("../images/stat-tr.png") 0 3px repeat-x; height: 27px; padding-top: 3px; text-indent: 7px;}
#status th.ico, #status td.ico {text-align: center; text-indent: 0;}
#server {
width: 100%;
}
#server .name {
font-weight: bold;
text-align: left;
}
#server td {
height: 20px;
text-align: center;
}
/***************************
* news
***************************/
#news {
margin-bottom: 25px;
}
#news .ntitle {
color: #00e4ff;
font: 20px Georgia;
text-align: left;
background: url("../images/nt.png") 0 50% no-repeat;
text-indent: 25px;
}
#news .ntitle a {
color: #00e4ff;
font: 20px Georgia;
text-decoration: none;
}
#news .ntitle a:hover {color: #fff7a2;}
#news .ncontent {
text-align: justify;
padding: 5px 0;
}
#news .break {text-align: left; margin: 10px 0;}
/***************************
* forum links
***************************/
.bforum {font: 21px Georgia; color: #ffcb00; text-align: left; margin-bottom: 5px; width: 222px;}
#forum { width: 222px; margin: 0 auto;padding-top: 10px;}
#flinks {}
.flink1 {background: url("../images/forum-bg.png") 0 0 repeat-x; height: 27px; padding-left: 10px;margin-bottom: 3px; width: 212px;}
.flink2 {background: url("../images/circle.png") 0 50% no-repeat; height: 27px; width: 222px; text-indent: 20px;}
.flink2 a {
text-decoration: underline;
font: 11px/25px Tahoma;
color: #ece3d0;
}
.flink2 a:hover {text-decoration: none;}
.pollButton {display: none;}
Код страниц сайта Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<style type="text/css" media="all">@import url("/css/css.css");</style>
</head>
<body>
<div id="wrapper">
<div id="i1"><div id="i2"><div id="i3">
<div id="header">
<div id="l2ban">
<!-- Код счетчика или баннера 88x31 -->
</div>
</div>
</div></div></div>
<div id="i4"><div id="i5"><div id="i6"><div id="i7"><div id="i8">
<div id="middle">
<div id="container">
<div id="content">
<div id="b468x60">
<!-- Код баннера 468x60 -->
</div>
<div id="news">
<div class="ntitle"><a href="/"></a></div>
<div class="ncontent">
</div>
<div class="break"><img src="/images/break.jpg" alt="" /></div>
</div><div id="news">
<!-- <body> -->$CONTENT$<!-- </body> -->
</div>
</div>
</div>
<div class="sidebar" id="sideLeft">
<div id="menu">
<ul>
<li><a href="/">Главная</a></li>
<li><a href="/index/0-2">О нас</a></li>
<?if($LOGIN_FORM$)?> <li><a href="http://raidkiller.my1.ru/index/3">Регистрация</a></li> <?else?>
<li><a href="/index/8">Кабинет</a></li> <?endif?> <li><a href=" /index/0-5">Правила</a></li>
<li><a href="/index/0-4">Состав Клана</a></li>
<li class="nobg"><a href="/forum/">Наш форум</a></li>
</ul>
</div>
<div id="start">
</div>
<div id="opros">
<div class="bopros">Наш опрос</div>
<div id='poll'>
$POLL$
</div>
</div>
</div>
<div class="sidebar" id="sideRight">
<div id="status">
<div class="bstatus">Вход на сайт</div>
<?if($LOGIN_FORM$)?>$LOGIN_FORM$<?else?>
<table width="180" cellpadding="0" cellspacing="0">
<tr>
<td>Привет, <b>$USERNAME$</b>!</td>
<td><a href="/index/8">Мой профиль</a> | <a href="/index/10">Выйти</a></td>
</td>
</tr>
</table>
<?endif?>
<div class="breaker"></div>
</div>
<div id="donate">
</div>
<div class="breaker"></div>
<div id="forum">
<div class="bforum">Последние темы Форума</div>
<div id="flinks">
$MYINF_1$
</div>
</div>
</div>
</div>
<div id="footer">
<div class="copy">$SITE_NAME$ © $YEAR$<br>$POWERED_BY$</div>
<div class="counters">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>