Слой в Опера и Мозила отображаеться некорректно

repnov · March 10, 2008

Вот так отображаеться в IE

Вот так в Opera и Mozila

Часть стиля CSS

.label { font-size: 9pt; 
padding-left: 50px;
 z-index:1;
position:absolute; 
left:103px;
top:172px;

}

Весь документ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>GESTAPO </title>






<style type="text/css">
 body, .login, .row, .folder, .label, th, comment {
 font-family: tahoma, verdana, arial, helvetica, sans;
 font-weight: normal;
 color: Red;
 }
 body {
 margin: 0;
 background-color: Black;
 padding: 10px;

 }
 .label { font-size: 9pt; 
 padding-left: 50px;
 z-index:1;
 position:absolute; 
 left:103px;
 top:172px;

 }
 div.body {
 border-bottom: 4px solid Red;
 border-top: 4px solid Red;
 border-left: 1px dotted Red;
 border-right: 1px dotted Red;
 background: transparent;
 padding: 15px;
 margin: 20px;
 z-index: 1; 
 }
 .folder { font-size:14pt; font-weight:bold; }
 A {
 text-decoration: none;
 background-color: Transparent;
 color: Red;
 }
 A:visited {
 color: Red;
 }
 A:hover {
 background-color: transparent;
 color:#CCCCCC;
 }
 img { border-style:none }
 .right { text-align:right }
 .row {
 font-size: 10pt;
 background: transparent;
 border: 1px solid #BBBBFF;
 }
 .comment {
 font-size: 7pt;
 color: Red;
 background: transparent;
 padding: 3px;
 border: 1px solid #DDDDDD;
 margin-top: 2px;
 }
 .column {
 color: Red;
 font-size: 13pt;
 font-weight: bold;
 padding-bottom: 0;
 }
 .login {
 padding: 5px;
 padding-top: 7px;
 border: 2px solid black;
 background: transparent;
 font-size: 8pt;
 font-weight: bold;
 }
</style>







</head>
<body>


<div class=body>


 <img src="/logo.png" width="442" height="106"><br
 >%up%
 %files% </div>
</div>
<div class=label>
<center>


</body>
</html>



[login]
<div style="float:right; padding:15px;"><a href="%folder%~login" class=login><img border=0 align=absbottom src="/~img27"> LOGIN</a></div>



[nofiles]
<div class=folder>No files</div>

[files]
<div class=label >%number-folders% папок, %number-files% файлов - всего: %total-size% </div>
<table cellpadding=5>

<th class=column>
%list%
</table>

[file]
<tr><td class=row><a href="%item-url%"><img align=top src="/~img_file"> %item-name%</a>%comment%<td class="row right">%item-size%<td class="row right">%item-modified%<td class="row right">%item-dl-count%

[folder]
<tr><td class=row><a href="%item-url%"><img align=top src="/~img_folder"> <b>%item-name%</b></a>%comment%<td align=center class=row><i>folder</i><td class="row right">%item-modified%<td class="row right">%item-dl-count%

[link]
<tr><td class=row><a href="%item-url%"><img align=top src="/~img_link"> <b>%item-name%</b></a>%comment%<td colspan=3 align=center class=row><i>link</i>

[comment]
<div class=comment>%item-comment%</div>

[not found]
<html><head></head><body>
<h1>404 - Not found</h1>
<a href="/">go to root</a>
<hr><center>
<div style="font-family: tahoma, verdana, arial, helvetica, sans; font-size: 8pt;">

</div>
</body>
</html>

[overload]
<html><head></head><body>
<h1>Server busy</h1>
Please, попробуйте поже.
<hr><center>
<div style="font-family: tahoma, verdana, arial, helvetica, sans; font-size: 8pt;">

</div>
</body>
</html>

[unauthorized]
<html><head></head><body>
<h1>Unauthorized</h1>
This is a protected resource.

Your username/password don't match.
<hr><center>
<div style="font-family: tahoma, verdana, arial, helvetica, sans; font-size: 8pt;">

</div>
</body>
</html>

[deny]
<html><head></head><body>
<h1>Unallowed</h1>
This resource is not accessible.
<hr><center>
<div style="font-family: tahoma, verdana, arial, helvetica, sans; font-size: 8pt;">

</div>
</body>
</html>

[ban]
<html><head></head><body>
<h1>You are banned.</h1>
%reason%
<hr><center>
<div style="font-family: tahoma, verdana, arial, helvetica, sans; font-size: 8pt;">

</div>
</body>
</html>

[upload]
<html>
<body>
<form method=post enctype="multipart/form-data">
<input type=file name=f1>
<input type=submit>
</form>
</body>
</html>

Кто занет, подскажите пажалуйсто как поправить!!

Pavel_html · March 10, 2008

Во IE всегда все некоректно отображается. В Mozilla и Opere все правильно. Щас подумаю как исправить.

Pavel_html · March 10, 2008

body {margin: 0;
background-color: Black;
padding: 10px;

Я бы тут помучил немного margin и padding.

repnov · March 10, 2008

body {margin: 0;
background-color: Black;
padding: 10px;
Я бы тут помучил немного margin и padding.

Глухо...

Добился вот такого вида:

IE

Mozila, Opera

методом

body {
 margin: 0;
 background-color: Black;
 padding: 10px;
position:relative; */ Добавил этот параметр*/

}
.label { font-size: 9pt; 
z-index:1;
 position:absolute; 
 left:107px;
 top:103px;


 }

repnov · March 10, 2008

как теперь сделать чтобы было в Opere i Mozile как в IE ?? У кого есь соображения выскажитесь плиз!

guvatara · March 11, 2008

как мы помним ослик страдает наследованием свойств своего родителя а мазила и опера этим не страдает. Мне кажется копать нужно в ту сторону.

Ну и поставьте firebag на мазилу и посмотрите реально где у вас что стоит.

Кстати вы уверены, что все дивы у вас закрыты в нужных местах?

Sign In

Слой в Опера и Мозила отображаеться некорректно

Question

repnov

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Pavel_html

Link to comment

Share on other sites

Pavel_html

Link to comment

Share on other sites

repnov

Link to comment

Share on other sites

repnov

Link to comment

Share on other sites

guvatara

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information