Почему у меня ничего никуда не "пропадает"?
Вот код Вашей страницы. Я там выкинул за ненадобностью таблицу, тэги <center>, и добавил стили для #body.
Скопируйте код, сохраните его как файл и откройте в любом браузере. У меня ВСЁ работает нормально. Единственное, я не разбирался как поведут себя другие позиционированные элементы.
| Код |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
body {
margin: 0; padding: 0;
/*background: #595959 url(/img/bg.gif);*/
background: #ffffff url(/img/bg.gif);
}
#body {
width: 990px;
height: 700px;
position: absolute;
top: 50%;
margin-top: -350px;
left: 50%;
margin-left: -495px;
background-color: #CCC;
}
body, p, table, input, textarea {
font: 13px "Trebuchet MS", Arial, sans-serif;
}
h1, h2, h3, h4, p, ul {
margin-top: 0; margin-bottom: 0.7em;
}
h1 {
font: normal 18px "Trebuchet MS", Arial, sans-serif;
}
h2 {
font: bold 16px "Trebuchet MS", Arial, sans-serif;
}
h3 {
font: bold 14px "Trebuchet MS", Arial, sans-serif;
}
h4 {
font: bold 13px "Trebuchet MS", Arial, sans-serif;
}
form {
margin: 0;
}
ul {
margin-left: 1.5em;
padding-left: 0px;
}
a:hover {
color: red;
}
a.nu {text-decoration: none;}
small {
font: normal 11px Verdana, Arial, sans-serif;
}
#outer {
text-align: center;
}
#container {
text-align: left;
width: 970px;
height: 710px;
border: none;
margin: 0 auto;
margin-top: 20px; margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding:0;
}
#pagebody {
position: relative;
float: left;
width:955px;
height:702px;
background: #666666;
}
#rshadow {
position: relative;
float: left;
display: block;
width: 7px; height: 702px;
background: url(/img/rshadow.gif) no-repeat right;
}
#bshadow {
width: 962px; height: 7px;
background: url(/img/bshadow.gif) no-repeat;
clear: both;
}
#toplink a {
position: absolute;
top: 14px; left: 17px;
display: block;
margin: 0; padding: 0;
width: 273px; height: 65px;
text-decoration: none;
text-indent: -999em;
}
#toplink a:hover {
border: 1px solid #ddd;
border-bottom: 1px solid #bbb; border-right: 1px solid #ccc;
}
#title0, #title1, #title2, #title3, #title4, #title5, #title6, #notitle {
margin: 0; padding: 0;
width: 955px; height: 455px;
}
#title0 {
background: url(/img/title0.jpg) no-repeat;
}
#notitle {
background: url(/img/notitle.jpg) no-repeat;
}
#topmenu0, #topmenu1, #topmenu2, #topmenu3, #topmenu4, #topmenu5, #topmenu6 {
width: 955px; height: 27px;
}
#topmenu0 {
background: url(/img/topmenu0.gif) no-repeat;
}
#menu0, #menu1, #menu2, #menu3, #menu4, #menu5, #menu6 {
width: 955px; height: 220px;
color: #ffffff;
}
#menu0 {
background: url(/img/menu0.gif) no-repeat;
}
#menu0 a, #menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a {
display: block;
border: none;
text-decoration: none;
}
#menu0 a:hover, #menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover, #menu6 a:hover {
border: 1px solid #fff; border-bottom: 1px solid #eee; border-right: 1px solid #eee;
}
#section1, #section2, #section3, #section4, #section5, #section6 {
position: absolute;
padding-top: 5px;
}
#section1 {
left: 38px;
}
#item1_1 a {
width: 130px; height: 28px;
}
#section2 {
left: 179px;
}
#item2_1 a {
width: 130px; height: 19px;
}
#item2_2 a {
width: 130px; height: 28px;
}
#section3 {
left: 322px;
}
#item3_1 a, #item3_2 a, #item3_4 a, #item3_5 a, #item3_7 a, #item3_9 a, #item3_10 a {
width: 160px; height: 19px;
}
#item3_3 a {
width: 160px; height: 31px;
}
#item3_6 a, #item3_8 a {
width: 210px; height: 19px;
}
#section4 {
left: 496px;
}
#item4_1 a {
width: 160px; height: 30px;
}
#section5 {
left: 693px; /* 688px */
}
#item5_1 a {
width: 130px; height: 17px;
}
#item5_2 a, #item5_3 a {
width: 130px; height: 17px;
}
#section6 {
left: 865px;
}
#item6_1 a {
width: 70px; height: 28px;
}
#item6_2 a {
width: 70px; height: 19px;
}
#bullet {
position: absolute;
margin: 0;
width: 5px; height: 5px;
background: none;
/*border: 1px solid #000;*/
}
#item2_1 a:hover, #item3_1 a:hover, #item3_2 a:hover, #item3_3 a:hover, #item3_4 a:hover, #item3_5 a:hover, #item3_6 a:hover, #item3_7 a:hover, #item3_8 a:hover, #item3_9 a:hover, #item3_10 a:hover, #item5_3 a:hover {
border-top: 1px dashed #fff; border-right: 1px dashed #fff; border-bottom: 1px dashed #fff;
}
img {border: none;}
p {margin-top: 0; margin-bottom: 6px;}
.c {text-align: center;}
.r {text-align: right;}
.j, .aj {text-align: justify;}
.a, .aj {text-indent: 28px;}
.clear {margin-top: 5px; clear: both;}
.none {display: none;}
.far {text-indent: -999em;}
.br {margin-top:3px; margin-bottom:3px;}
.times {font-family: 'Times new roman';}
.mono {font-family: Courier;}
</style>
</head>
<body>
<div id="body">
<div id="main">
<div id="menu"><img src="/img/3.gif" border="0" usemap="#Map"/>
<map name="Map" id="Map">
<area shape="poly" coords="21,212,56,175,47,164,9,200" href="#" />
<area shape="poly" coords="39,234,127,146,115,134,27,222" href="#" />
<area shape="poly" coords="58,253,125,186,114,175,46,241" href="#" />
<area shape="poly" coords="79,272,136,216,123,204,67,260" href="#" />
</map>
</div>
<div id="rtstudio">
<font id="name"> Студия Романа Татаренцева </font>
<font id="studio"> | RT Studio </font> </div>
</div>
<div id="bottom">
<div id="left"> </div>
<div id="design">
Design by: </div>
</div>
</div>
</body>
</html>
|
|
