Jump to content
  • 0

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


repnov
 Share

Question

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

f0ebfb40db8157934e0e8e441312ef39.png

Вот так в Opera и Mozila

470b01dfacbe78a0301ef9fc1820f328.png

Часть стиля 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>

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

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0
body {margin: 0;

background-color: Black;

padding: 10px;

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

Глухо...

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

IE

f0ebfb40db8157934e0e8e441312ef39.png

Mozila, Opera

fedf029e241c1d25525b67edfc992f29.png

методом

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

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


}

Link to comment
Share on other sites

  • 0

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

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

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy