Div panel position

T

ThePowerr

Registered
здравейте имам проблем с позиционирането на един панел
можете да го видите тука
http://www.tarja-turunen.webuda.com
искам да е с абсолютно същите параметри само че да не е залепено на горния борд на страницата а на долния (и при кликане върху него да се отваря нагре ..все пак е залепено на долния борд с настройка без скрулиране).. не знам сигурно е само някакви параметри на размер височина и позиция..ама пробвах 1000 пъти и нищо не става



индекс

<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>
Tarja Turunen
</title>
<meta http-equiv="refresh" content="696">
<script src="001.js" type="text/javascript">
</script>
<script src="002.js" type="text/javascript">
</script>
<script src="003.js" type="text/javascript">
</script>
<script src="006.js" type="text/javascript">
</script>
<script src="007.js" type="text/javascript">
</script>
<link rel="stylesheet" type="text/css" href="001.css" />
<link rel="stylesheet" type="text/css" href="002.css" />
<link rel="stylesheet" type="text/css" href="003.css" />
<link rel="stylesheet" type="text/css" href="011.css" />
</head>
<body background="img 0001.jpg" bgproperties="fixed"

style="background-repeat:no-repeat;background-attachment:fixed;background-position:left

bottom;background-color:#000000;">
<div id="text" style="color:white;position:absolute;font-family:georgia;font-size:15px; font-weight:bold;">
</div>
<embed src="001.swf" autostart="false" hidden="true" volume="100%">
<a href="index.html">
<div class="fadehover">
<img src="img 0002.png" width="300" height="100" border="0" style="position:absolute;top:17px;left:940px;"

class="a" />
<img src="img 0003.png" width="300" height="100" border="0" style="position:absolute;top:17px;left:940px;"

class="b" />
</div>
</a>
<ul id="gallery">
<li>
<a href="001.html">
<img src="img 0005.png" border="0" />
</a>
</li>
<li>
<a href="002.html">
<img src="img 0006.png" border="0" />
</a>
</li>
<li>
<a href="003.html">
<img src="img 0007.png" border="0" />
</a>
</li>
<li>
<a href="004.html">
<img src="img 0008.png" border="0" />
</a>
</li>
<li>
<a href="005.html">
<img src="img 0009.png" border="0" />
</a>
</li>
<li>
<a href="">
<img src="img 0010.png" border="0" />
</a>
</li>
</ul>
<div class="panel">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<font color="ffffff">
Recommended screen resolution:
</font>
<b>
1280 by 1024 pixels
</b>
<br>
<font color="ffffff">
Recommended browser:
</font>
<a href="http://download.mozilla.org/?product=firefox-5.0&os=win&lang=bg" style="text-decoration:none">
<b>
<font color="f87431">
Mozilla Firefox
</font>
</b>
</a>
<br>
<font color="ffffff">
Powered by
</font>
<a href="http://www.000webhost.com/" style="text-decoration:none" target="_blank">
<b>
<font color="707070">
000webhost.
</font>
<font color="dc143c">
com
</font>
</b>
</a>
®
<br>
<font color="ffffff">
Copyright © 2011,
</font>
<b>
<font color="ff0000">
ThePower
</font>
</b>
<br>
</div>
<p class="flip">
<b>
<font face="roman" color="d00000" size="2">
I
</font>
<font face="roman" color="b80000" size="2">
n
</font>
<font face="roman" color="a00000" size="2">
f
</font>
<font face="roman" color="880000" size="2">
o
</font>
<font face="roman" color="700000" size="2">
r
</font>
<font face="roman" color="480000" size="2">
m
</font>
<font face="roman" color="700000" size="2">
a
</font>
<font face="roman" color="880000" size="2">
t
</font>
<font face="roman" color="a00000" size="2">
i
</font>
<font face="roman" color="b80000" size="2">
o
</font>
<font face="roman" color="d00000" size="2">
n
</font>
</b>
</p>




цсс-а на панела


div.panel,p.flip
{
position:absolute;
top:0;
right:750px;
width:350px;
height:20px;
margin:0;
padding:10px;
text-align:center;
background:#484848;
border:solid 1px #c3c3c3;
}
div.panel
{
position:absolute;
top:0;
right:750px;
width:350px;
height:50px;
padding:10px;
height:300px;
display:none;
opacity:0.5;
filter:alpha(opacity = 50);
}


..и още един проблем..задал съм настройки да няма скрулиране на страницата но с ИЕ има.. някакво предложение?

цсс-а за настройката

 
В 003.css даваш
div.panel,p.flip
{
position:absolute;
bottom:0;
right:750px;
width:350px;
height:20px;
margin:0;
padding:10px;
text-align:center;
background:#484848;
border:solid 1px #c3c3c3;



и


div.panel
{
position:absolute;
bottom:0;
right:750px;
width:350px;
height:50px;
padding:10px;
height:300px;
display:none;
opacity:0.5;
filter:alpha(opacity = 50);
}

:?: Това е :)
 
да.. супер
и аз се чудя що нестава, а вместо боттом съм писал топ :D
а за другия въпрос нещо?
 
Пробвай с



или

<!--
body {overflow: hidden;
width: auto;
height: auto; }

Виж си и !DOCTYPE-a, че нещо не е написан правилно.
 
nbacool2 каза:
Пробвай с



или

<!--
body {overflow: hidden;
width: auto;
height: auto; }

Виж си и !DOCTYPE-a, че нещо не е написан правилно.
Увеличете...

пробвах ги, нестава.. и каде е грешката в доктайпа?
 
Трябва да е така
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


Линк http://www.w3.org/QA/2002/04/valid-dtd-list.html

Иначе нямам друга идея за проблема с IE. Ако е само с IE 6 няма защо толкова да се косиш.
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

==

<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd">


??


explorera mi e 7
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе