горизонтальная прокрутка

[dimdimin]

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

http://club-podolsk.ru/index.php/goriashie.html

Заранее благодарен

Edited June 25, 2011 by dimdimin

[ShumNo]

<div class="ry-body-content" style="width: 1252px; padding-right:400px;">

Итого ширина блока 1652 которая и дает горизонтальный скролл

[dimdimin]

  On 6/25/2011 at 9:56 PM, ShumNo said:

<div class="ry-body-content" style="width: 1252px; padding-right:400px;">

Итого ширина блока 1652 которая и дает горизонтальный скролл

Вот я тоже в упор смотрю на эту строку и не пойму как сделать чтоб при любом разрешении работала нормально

[ShumNo]

А чего вы хотите от того блока? И не очень понятно за чем там столько вложенных дивов с разными классами и свойствами

Если надо чтобы блок был по центру во всю ширину то уберите флоат от #ry-container

[dimdimin]

Сам первый раз вижу вот такой бардак в верстке, по этому и пришел на мой любимый форум, самое смешное что багзилой не могу даже найти файл с этими стилями

[dimdimin]

Наверное я совсем перестал соображать, никак не выравнивается блок по центру, перепробовал все что знаю. Откройте глаза кто может

[Softlink]

  On 6/26/2011 at 4:19 AM, dimdimin said:

Наверное я совсем перестал соображать, никак не выравнивается блок по центру, перепробовал все что знаю. Откройте глаза кто может

а что конкретно не выравнивается?

[dimdimin]

  On 6/26/2011 at 4:35 AM, Softlink said:

  On 6/26/2011 at 4:19 AM, dimdimin said:

Наверное я совсем перестал соображать, никак не выравнивается блок по центру, перепробовал все что знаю. Откройте глаза кто может

а что конкретно не выравнивается?

вот этот вот блок id="ry-container"> прилепился к левому краю и никак у меня с ним договориться не получается.

Edited June 26, 2011 by dimdimin

[Softlink]

  On 6/26/2011 at 5:00 AM, dimdimin said:

  On 6/26/2011 at 4:35 AM, Softlink said:

  On 6/26/2011 at 4:19 AM, dimdimin said:

Наверное я совсем перестал соображать, никак не выравнивается блок по центру, перепробовал все что знаю. Откройте глаза кто может

а что конкретно не выравнивается?

вот этот вот блок id="ry-container"> прилепился к левому краю и никак у меня с ним договориться не получается.

у вас здесь стоит float, который и прижимает контейнер к левому краю. При этом ширина вложенного в него блока стоит фиксированная, поэтому видимая белая область прижата влево.

Попробуйте отменить float и выставить для контейнера margin:0 auto. Или к потомкам, где лежит сам контент этот прием применить.

#ry-container { background: #fff; clear: both; float: left; vertical-align: top; padding-top: 10px; padding-bottom: 10px; }

очень большая вложенность у вас, сложно разобраться, что за что отвечает.

[dimdimin]

  On 6/26/2011 at 5:09 AM, Softlink said:

  On 6/26/2011 at 5:00 AM, dimdimin said:

  On 6/26/2011 at 4:35 AM, Softlink said:

  On 6/26/2011 at 4:19 AM, dimdimin said:

Наверное я совсем перестал соображать, никак не выравнивается блок по центру, перепробовал все что знаю. Откройте глаза кто может

а что конкретно не выравнивается?

вот этот вот блок id="ry-container"> прилепился к левому краю и никак у меня с ним договориться не получается.

у вас здесь стоит float, который и прижимает контейнер к левому краю. При этом ширина вложенного в него блока стоит фиксированная, поэтому видимая белая область прижата влево.

Попробуйте отменить float и выставить для контейнера margin:0 auto. Или к потомкам, где лежит сам контент этот прием применить.

#ry-container { background: #fff; clear: both; float: left; vertical-align: top; padding-top: 10px; padding-bottom: 10px; }

очень большая вложенность у вас, сложно разобраться, что за что отвечает.

я так пробовал, убирал float и ставил вместо него margin:0 auto результата плачевный как сейчас , я специально поставил чтоб можно было посмотреть http://club-podolsk.ru/index.php/poisktura.html Белый фон блока тогда совсем в неизвестность пропадает.

Это кусок CSS где все параметры, может я чего то просмотрел

/** BODY BEGIN **/

#ry-container { background: #fff; clear: both; margin:0 auto; vertical-align: top; padding-top: 10px; padding-bottom: 10px; }

.content-body { float: left; }

.column-right { float: right; }

.ry-body-content { clear: both; padding: 0 5px; }

.column-left { float: left; }

.ry-content { float: right; }

.ry-box { float: left; }

/** BOOTS SPOT **/

#spoot-bot { background: url(../images/bots-bg.gif); color: #ddd; padding: 5px 5px 15px; text-shadow:1px 1px 1px #333; }

#spoot-bot .ry-box { padding: 0; background: url(../images/dot.gif) repeat-y right; margin-top:10px; }

#spoot-bot .ry-box-right, #spoot-bot .ry-box-full { background: none; }

#spoot-bot a { color: #ddd; }

#spoot-bot a:hover { color: #fff; text-decoration: none; }

а фиксированная ширина обрабатывается вот таким способом

это то что в index.php

<div id="ry-container">

<div class="content-body clearfix" style="width:<?php echo $ry_mbody; ?>%" >

<div class="ry-body-content" style="width: <?php echo $ry_mcontentbody; ?>px; padding-right:<?php echo $ry_mcontentbodypadding; ?>px;">

<?php if($ry_slide) { ?>

<div class="slide-br ry-slide">

<div class="slide-bl"><div class="slide-tr"><div class="slide-tl" style="width: <?php echo $ry_mcontentbody; ?>px;">

<div class="slide-content">

<jdoc:include type="modules" name="ry-slide" />

</div>

</div></div></div>

</div>

А параметры берутся от сюда

/** global width **/

$default_width = 1200;

$sidebar_width = 22;

$sidebar_width_left = $sidebar_width;

/* collapse width */

if ($ry_right) {

$ry_mbody = 100 - ($sidebar_width + 3);

$ry_mcontentbodypadding = 0;

} else {

$ry_mbody = 100;

$ry_mcontentbody = 1200;

$ry_mcontentbodypadding = 0;

}

if ($ry_left) {

$ry_mcontent = 100 - ($sidebar_width + 3);

} else { $ry_mcontent = 100; }

?>

[ShumNo]

Откуда берутся параметры все равно это вам разбираться с системой

Если цель поставить белый блок во всю ширину и текст внутри отцентрировать то:

<div id="ry-container"> // убираем float и добавляем text-align: center
<div class="content-body clearfix" style="width:100%"> // у .content-body убираем float
<div class="ry-body-content" style="padding-right: 0px; width: 1200px;"> // убираем отсюда ширину а так же у других вложенных дивов отступы

А вообще сделайте 1 див и дайте ему 1 класс со всеми стилями за чем там 6 вложенных дивов и у каждого свой класс и свои стили не ясно

Edited June 26, 2011 by ShumNo

[dimdimin]

Что то у меня чем дальше в лес тем больше дров. то что хотел поправить получилось, теперь все внутренние страницы боле менее. но расплата . рассыпалась главная

http://club-podolsk.ru/

Edited June 26, 2011 by dimdimin

[ShumNo]

а в чем заключается "рассыпалась" ? тем что уехала правая колонка вниз?

Наверное вы отредактировали стили которые используются на главной странице

со страницей кстати что-то не то тормозит так что ...

[dimdimin]

  On 6/26/2011 at 2:40 PM, ShumNo said:

а в чем заключается "рассыпалась" ? тем что уехала правая колонка вниз?

Наверное вы отредактировали стили которые используются на главной странице

со страницей кстати что-то не то тормозит так что ...

нет стили главной не трогал, это реакция такая на удаление в content-body float: left;

[ShumNo]

а говорите не трогали

[dimdimin]

  On 6/26/2011 at 3:11 PM, ShumNo said:

а говорите не трогали

Уже мозг отдельно от тела существует, а именно от пальцев бегающих по клавиатуре