Не корректное отображение сайта в разных браузерах.

TurboMan · February 19, 2011

Здравствуйте уважаемые гуру.

Второй день пытаюсь исправить это:

В Google Chrom мой сайт отображается корректно,но к сожалению в остальных браузерах (Opera,Mozilla) сползает меню вниз,и статуса сервера не видно,как буд-то пропал он.

Сайт: guardgame.ru

Предоставляю HTML код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>{TITLE}</title>
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
	<meta name="Description" content="stress, lineage2, la2">
	<meta name="Keywords" content="stress, lineage2, la2">
	<style type="text/css" media="all">@import url({THEME}/css/style.css);</style>
	<style type="text/css" media="all">@import url({THEME}/css/engine.css);</style>
	<script type="text/javascript" src="{THEME}/js/validation.js"></script>
    <script type="text/javascript" src="{THEME}/js/flexcroll.js"></script>
	<script type="text/javascript" src="{THEME}/js/ajax.js"></script>
</head>
<body>
<div id="wrapper">
<div class="bg-fon">
<br>
					<div class="logotip"><a href="/"><img src="{THEME}/images/logotip.png" width="356" height="99"></a></div>


                    <div class="youtube">
                    <object width="408" height="222"><param name="movie" value="http://www.youtube.com/v/kQaLrLUMDbg?fs=1&hl=ru_RU"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/kQaLrLUMDbg?fs=1&hl=ru_RU" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="408" height="222"></embed></object>

                    </div>


                    <div class="start">

                    <a href="/index.php?f=download"><img src="{THEME}/images/game_1.jpg"></a>
                       
                    <a href="/index.php?f=register"><img src="{THEME}/images/game-2.jpg"></a>

                    </div>

                    <div class="status">

                    <center><img src="{THEME}/images/status.png">
                    <br>
                   <div style="margin-left: -820px;"> {SERVER} </div>
                    </center>

                    </div>

                    <div class="support">
                    <center>
                    <img src="{THEME}/images/support.png">
                    <br><img src="http://wwp.icq.com/scripts/online.dll?icq=629426263&img=5" border="0" /><img src="{THEME}/images/nomer_icq.png" width="98" height="15"><br>Менеджер <br>
пожертвований
                    </center>
                    </div>

                    <div class="lekano">
                    <center><img src="{THEME}/images/copy.png"><br><a href="index.php?f=event"><img src="{THEME}/images/logo.png"></a></center>
                    </div>


                    <div class="menu">
                    <ul> 
						<div id="m01"><a href="index.php"><img src="{THEME}/images/m01.png" onmouseover="src='{THEME}/images/m01-2.png';" 
									onmouseout="src='{THEME}/images/m01.png';" alt="" title="" /></a></a></div>

                        						<div id="m02"><a href="index.php?f=server"><img src="{THEME}/images/m02.png" onmouseover="src='{THEME}/images/m02-2.png';" 
									onmouseout="src='{THEME}/images/m02.png';" alt="" title="" /></a></a></div>

              <div id="m03"><a href="index.php?f=stat"><img src="{THEME}/images/m03.png" onmouseover="src='{THEME}/images/m03-2.png';" 
									onmouseout="src='{THEME}/images/m03.png';" alt="" title="" /></a></a></div>

              <div id="m04"><a href="index.php?f=coinofluck"><img src="{THEME}/images/m04.png" onmouseover="src='{THEME}/images/m04-2.png';" 
									onmouseout="src='{THEME}/images/m04.png';" alt="" title="" /></a></a></div>

              <div id="m05"><a href="/forum"><img src="{THEME}/images/m05.png" onmouseover="src='{THEME}/images/m05-2.png';" 
									onmouseout="src='{THEME}/images/m05.png';" alt="" title="" /></a></a></div>


                    </ul>
                    </div>


                    <div class="raiting">

                    <!--LiveInternet counter--><script type="text/javascript"><!--
document.write("<a href='http://www.liveinternet.ru/click' "+
"target=_blank><img src='//counter.yadro.ru/hit?t44.6;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random()+
"' alt='' title='LiveInternet' "+
"border='0' width='31' height='31'><\/a>")
//--></script><!--/LiveInternet-->
     <a href="http://l2top.ru/vote/18871/" target="_blank"><img src="http://l2top.ru/catalog/top.php" width="88px" height="31px" border="0" alt="L2top.ru: Рейтинг-каталог серверов Lineage2"></a>   
                    </div>


                    <div class="news">
                    <center><img src="{THEME}/images/news.png"></center>
                    <div id="mycustomscroll" class="flexcroll">
                    {INFO}{CONTENT}
                    <div></div>



</div>
</div>
<div align="right"><a href="http://guardgame.ru/index.php?f=forget">Забыли пароль? Нажмите!</a></div>
      									<div id="copy">©2011. 
                                        <a href="http://GuardGame.ru">GuardGame</a></div>
</body>
</html>

И style.css:

* {
	margin: 0;
	padding: 0;
}
html {height: 100%}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
	background-color:#f4edfe;
	background-position:50% 0;	
}
a {
	color: #333;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color:#000;
}
p {margin: 0 0 18px 18px}
img {
	border: none;
}
input {vertical-align: middle}
#wrapper {
	width: 1240px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-color:#f4edfe;
}

.bg-fon {
	width: 1240px;
	height: 1600px;
	background-image:url(../images/background.jpg);
	background-position:center;
}

.logotip {
	float:right;
	margin-right: 140px;
	margin-top: 132px;
}

.youtube {
	float:right;
	margin-right: -74px;
	margin-top:240px;
}

.votes {
float:right;
margin-right: -534px;
margin-top: 430px;
}

.start {
	margin-top: 76px;
	float:right;
	margin-right: 120px;
}

.status {
	margin-left: -10px;
	margin-top: 620px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#CCC;
}

.support {
	width: 400px;
	margin-left: 17px;
	font-size:18px;
	margin-top: 30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}

.lekano {
	margin-right: 810px;
	margin-top: 40px;
}

.menu {
	margin-left: auto;
	margin-top: auto;
}

#m01 {
	margin-left: 10px;
}

#m02 {
	margin-left: 126px;
	margin-top: -16px;
}

#m03 {
	margin-left: 250px;
	margin-top: -21px;
}

#m04 {
	margin-left: 386px;
	margin-top: -16px;
}

#m05 {
	margin-left: 570px;
	margin-top: -21px;
}


.raiting {
	margin-left: 68px;
	margin-top: 760px;
}

.news {
	margin-left: 430px;
	width: 740px;
	margin-top: -580px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
}

#content {
	padding: 5px 5px 0 5px;
}
#mycustomscroll { overflow-y:scroll; height:694px}

#mycustomscroll { position: relative; margin: 0.3em auto;}
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase, .vscrollerbar { width: 24px;}
.hscrollerbase, .hscrollerbar { height: 24px; }
.vscrollerbar, .hscrollerbar {padding: 24px 0 17px; z-index: 2; }
.vscrollerbarbeg { background:url('../images/polz.png') no-repeat 0 0; height:23px !important; width: 24px;}
.vscrollerbase, .hscrollerbase {background:url('../images/s-bg.png') repeat-y 9px 0;}
.hscrollerbasebeg { height: 24px; background: url('../images/scrollbases.png') -22px 0px no-repeat;}
.hscrollerbaseend { height: 24px; width: 7px; background: url('../images/scrollbases.png') 0% 0% no-repeat; }
.vscrollerbasebeg { width: 24px; background: url('../images/s-bgt.png') no-repeat 0px -2px;}
.vscrollerbaseend { height: 24px; width: 24px; background: url('../images/s-bgb.png') no-repeat -1px 3px}
.scrollerjogbox { width: 15px; height: 15px; top: auto; left: auto; bottom: 0px; right: 0px; background: white url('../images/scrolljog.png') 50% 50%; }
#mycustomscroll_vscrollerbar { height:24px !important}


#copy {
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:15px;
	margin-left: 600px;
	margin-top: 60px;
}

С уважением,жду советов.

sigma77 · February 19, 2011

TurboMan,

А дай ссылку на страницу.

psywalker · February 19, 2011

TurboMan,
А дай ссылку на страницу.

http://www.screencast.com/users/psywalker/...0e-e6673120372f

sigma77 · February 19, 2011

http://www.screencast.com/users/psywalker/...0e-e6673120372f

Блин, точно. Не заметила

TurboMan · February 19, 2011

TurboMan,
А дай ссылку на страницу.

Sigma,отображается некорректно именно весь сайт.

Вот он правильно отображается с хрома:

А вот как он отображается с оперы,мозилы:

sigma77 · February 19, 2011

TurboMan,

Тут странно, что вообще что-то работает. Тут у тебя обычный двухколоночный макет, переверстай в соответствии с ним и не верстай этим диким сочетанием марджинов. Также нельзя ничего вкладывать в ul, кроме li.

TurboMan · February 19, 2011

TurboMan,
Тут странно, что вообще что-то работает. Тут у тебя обычный двухколоночный макет, переверстай в соответствии с ним и не верстай этим диким сочетанием марджинов. Также нельзя ничего вкладывать в ul, кроме li.

Сколько будут стоить ваши услуги для вёрстки этого сайта?

P.S.Как понимаю,что либо просить на халяву сделать бесполезно

Edited February 19, 2011 by TurboMan

sigma77 · February 19, 2011

P.S.Как понимаю,что либо просить на халяву сделать бесполезно

За тебя делать, конечно, никто не будет. А помочь — всегда пожалуйста

psywalker · February 19, 2011

Сколько будут стоить ваши услуги для вёрстки этого сайта?

Если нужна вёрстка, отпиши мне на почту, там и поговорим. psywalker09@gmail.com

Sign In

Не корректное отображение сайта в разных браузерах.

Question

TurboMan

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

sigma77

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

sigma77

Link to comment

Share on other sites

TurboMan

Link to comment

Share on other sites

sigma77

Link to comment

Share on other sites

TurboMan

Link to comment

Share on other sites

sigma77

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information