Здравствуйте.
У меня не растягивается блок DIV, и всё лезит за пределы блока.
Вот страница с отзывами. Блок отзывов, если нажать "показать еще" то он выходит за границы DIV'а. Не знаю как решить проблему(
http://whatsapp0.ru/otziv.html - вот страница с отзывами.
Вот HTML код страницы:
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset = "Windows-1251">
<link rel="shortcut icon" href="favicon.ico">
<title>WhatsApp группа</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main">
<div class="container2">
<a href="index.html"><div id="logo"></div></a> <div id="liniya"></div>
<div id="liniya"><div class="testt">
<p class="text_right2"> <ul class="nav">
<li class="nav-item"> <a href="index.html">Главная</a></li><li class="nav-item"> <a href="pravila.html">Правила</a></li> <li class="nav-item nav-item--active"><a href="otziv.html">Отзывы</a></li></p></ul></div></div>
</div>
<div class="container">
<div class="veseleevmeste">
<spin class="test">Присоединяйтесь.<br>
В любом месте,<br>
веселее вместе!</spin></div>
<div class="center">
</div>
<div id="header">
</div>
<div id="block_feature"></div>
</div> </div>
<div class="container">
<div id="block_content">
<div class="telefon">
<div class="telefon2">
<spin class="test2">+7 (931) 006 05 26 </spin></div>
</div>
<div class="content3">
<div>
</div>
<div id="contenttext3"><div class="hz">Отзывы о группе WhatsApp.</div><br><center><!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?146"></script>
<script type="text/javascript">
VK.init({apiId: 6049710, onlyWidgets: true});
</script>
<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 5, width: "600", attach: "*"});
</script>
</center>
</div> <div id="liniya2"> <div class="check"><p class="checktext">Группа WhatsApp<br>Абонентская плата: 100руб/мес</p></div>
</div>
</div>
<div id="footer">
<div class="container">
<div class="footer">
<div class="ftr"></div><div class="pay">
<a href="http://itunes.apple.com/us/app/whatsapp-messenger/id310633997?mt=8" target="_blank"><img src="appay.png"></a> <a href="https://play.google.com/store/apps/details?id=com.whatsapp" target="_blank"><img src="pg.png"></a>
</div>
</div>
</div>
</div>
</body>
</html>
Вот код CSS:
Код:
body {
margin:0px; padding:0px;
background-color:#343b41;
}
#main {
background:#343b41 url(bg-top.jpg) repeat;padding-top:0px;}
#main .container {
background-image:url(background_light.png);
background-repeat:no-repeat;
min-height:435px;
}
.container {
width:983px;
margin:0 auto;
position:relative;
}
.container2 {
width:983px;
margin:0 auto;
position:relative;
}
.check {
background-image:url(check.png);
width:248px;
margin:0 auto;
height:429px;
position:relative;}
.checktext {padding-top:76px; padding-left:42px; padding-right:0px; padding-bottom:0px; font-size: 9.5pt; color: #9398b1;}
.telefon {
background-image:url(3.png);
width:983px;
margin:0 auto;
height:140px;
position:relative;
}
.telefon2 {padding-top:44px; padding-left:470px; padding-right:15px; padding-bottom:0px;}
.testt {padding-top:0px; padding-left:428px; padding-right:15px; padding-bottom:0px;}
.content {
background-color:#FFFFFF;
margin:0 auto;
height:590px;
position:relative;
}
.content2 {
background-color:#FFFFFF;
margin:0 auto;
height:535px;
position:relative;
}
.content3 {
background-color:#FFFFFF;
margin:0 auto;
height:835px;
position:relative;
}
.pay{padding-top:6px; padding-left:760px; padding-right:0px; padding-bottom:0px; word-spacing: 8px; }
.footer {
width:983px;
margin:0 auto;
height:67px;
position:relative;
}
.ftr {
background-image:url(ftr.png);
width:983px;
margin:0 auto;
height:20px;
position:relative;
}
#logo {
background-image:url(logo.png);
background-repeat:no-repeat;
width:244px;
height:93px;
float:left;
margin-left:0px;
text-align:center;
}
#liniya {
margin-left:600px;
vertical-align:middle; display:table-cell;
}
#liniya2 {
width:248px;
height:auto;
float:left;
}
#contenttext {
width:735px;
height:auto;
float:left;
}
#contenttext3 {
width:735px;
height:auto;
float:left;
}
.contenttext2 {
padding-top:10px; padding-left:72px; padding-right:0px; padding-bottom:0px;
color:#585659;
}
.hz{
padding-top:20px; padding-left:72px; padding-right:0px; padding-bottom:0px; font-size: 23pt; color:#6f7370;}
.text_right2 {
font-size: 13pt;
word-spacing: 35px;
color: #FFFFFF;
font-weight:bold;
text-align: right;
vertical-align:middle;
}
.veseleevmeste {padding-top:55px; padding-left:395px; padding-right:15px; padding-bottom:15px;}
spin.test{font-size: 28pt;
color: #95d6d5;
vertical-align:middle;
font-family: Myriad Pro;
}
spin.test2{font-size: 39pt;
color: #537675;
vertical-align:middle;
font-family: Myriad Pro;
}
Подскажите пожалуйста как быть, вы же всё умеете)