Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как побороть смещение контента из-за скрола?
 
 автор: Bobinho   (17.06.2011 в 16:32)   письмо автору
 
 

Сайт центрирован по центру. Если контента меньше чем на одну страницу, центрирование в одном месте, когда контента много и появляется вертикальный скролл, центрирование уезжает левее, типа ширина body уменьшилась из-за скролла.

Почитал форумы, говорят добавить в css:

html {
overflow-y: scroll;
}

Скролл всегда будет, даже если он не нужен. Но в опере с такой штукой появляется и горизонтальный скролл.

Можно как-нить решить проблему другим способом?

  Ответить  
 
 автор: cheops   (17.06.2011 в 18:44)   письмо автору
 
   для: Bobinho   (17.06.2011 в 16:32)
 

Следует учесть ширину скрола при верстке... Вообще хорошо бы на HTML-код и разметку взглянуть, без них сложно что-то конкретное посоветовать.

  Ответить  
 
 автор: Bobinho   (17.06.2011 в 19:42)   письмо автору
 
   для: cheops   (17.06.2011 в 18:44)
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" >
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="SHORTCUT ICON" href="favicon.ico">
<script type="text/javascript" src="js.js"></script>
</head>
<body>
<center>
<table border="0" cellspacing="0" cellpadding="0" width="980">
<tr>
<td colspan="3"><div style="position: relative;">
<div style="position: absolute; top: 0px; left: 0px; width: 340px; height: 120px;"> <a href="index.php"><img src="images/spacer.jpg" width="340" height="122" border="0" title="На главную" style="opacity: 0.0;filter: alpha(opacity=0);"></a> </div>
<div class="navbar">
<table>
<tr>
<td class="nav"><a href="index.php"><img src="images/navbar/h_out.jpg" id="hh" onmouseover="show(10)" onmouseout="hide(10)" title="На главную"></a></td>
<td class="nav"><a href="sitemap.php"><img src="images/navbar/map_out.jpg" id="map" onmouseover="show(11)" onmouseout="hide(11)" title="Карта сайта"></a></td>
<td class="nav"><a href="feedback.php"><img src="images/navbar/env_out.jpg" id="env" onmouseover="show (12)" onmouseout="hide(12)" title="Обратная связь"></a></td>
</tr>
</table>
</div>
<div class="phcode">(812)</div>
<div class="phone">934-34-97</div>
<div class="coord"><a href="coordinates.php" class="coordinates">Все координаты</a></div>
</div></td>
</tr>
<tr>
<td colspan="3" background="images/logo.jpg" height="122">&nbsp;</td>
</tr>
<tr>
<td background="images/small_f_menu.jpg" width="35" height="36">&nbsp;</td>
<td background="images/bg_menu.jpg" width="610" height="36">
<table cellspacing="1" cellpadding="0" border="0">
<tr>
<td class="topmenu" id="tm1" background="images/buttons/about_out.jpg" width="133" onmouseover="show(6)" onmouseout="hide(6)">
<a href="about.php" class="menu">О компании</a></td>
<td class="topmenu" id="tm2" background="images/buttons/price_out.jpg" width="193" onmouseover="show(7)" onmouseout="hide(7)">
<a href="prices.php" class="menu">Услуги и стоимость</a></td>
<td class="topmenu" id="tm3" background="images/buttons/proj_out.jpg" width="153" onmouseover="show(8)" onmouseout="hide(8)">
<a href="projects.php" class="menu">Наши проекты</a></td>
<td class="topmenu" id="tm4" background="images/buttons/in_out.jpg" width="126" onmouseover="show(9)" onmouseout="hide(9)">
<a href="innovations.php" class="menu">Инновации</a></td>
</tr>
</table>

</td>
<td background="images/logo_right.jpg" width="335" height="36">&nbsp;</td>
</tr>
<tr>
<td colspan="3"><table cellspacing="0" cellpadding="0">
<tr>
<td width="704" class="blue_header">{TOP_LEFT}</td>
<td width="13">&nbsp;</td>
<td width="263" class="blue_header">{TOP_RIGHT}</td>
</tr>
<tr>
<td class="bluebg">{CONTENT}<br><p class="pages">{PAGES}</p></td>
<td width="13">&nbsp;</td>
<td width="263" valign="top" style="margin-right:15px;" class="bluebg">{RIGHT_CONTENT}</td>
</tr>
<tr>
<td width="704" height="38" background="images/content_bottom.jpg">&nbsp;</td>
<td width="13">&nbsp;</td>
<td width="263" background="images/block_bottom.jpg">&nbsp;</td>
</tr>
<tr >
<td colspan="3" valign="middle"><div class="bottom">
<p class="bottom">&copy; 2010-2011 Перепечатка сообщений без указания ссылки на сайт и авторов запрещены.<br>
Все права защищены.</p>
</div></td>
</tr>
</table>
</center>
</body>
</html>

  Ответить  
 
 автор: Bobinho   (18.06.2011 в 10:52)   письмо автору
 
   для: Bobinho   (17.06.2011 в 19:42)
 

А как учесть, если у меня тупо центру выравнивается.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования