Возможно ли сделать сайт "резиновым"?

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем GoodsTours, 15.01.2015.

  1. GoodsTours
    Offline

    GoodsTours Недавно здесь

    Регистрация:
    15.01.2015
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Женский
    Здравствуйте! Пожалуйста, не ругайтесь на меня... Я новичок, но пытаюсь сделать свой сайт своими руками... И вроде получается. Только вот столкнулась с проблемой - и ни поиск в интернете, ни "метод тыка" не помогают...
    Итак, дело вот в чем.
    Есть сайт: www.хорошие-туры.рф
    Раньше вся содержательная часть находилась по центру, а по краям - пустые поля. Решила я эти поля убрать. Растянула шапку на 100%, левые и правые модули растащила по краям. А вот с центральной частью, там, где текст, ничего не получается. Вот часть кода шаблона сайта, которая, как я понимаю, за это дело отвечает:

    $rightColWidth="300";
    if($showRightColumn == false){$rightColWidth="0";}

    $leftColWidth="300";
    if($showLeftColumn == false){$leftColWidth="0";}

    $wrapperWidth=940-($rightColWidth+$leftColWidth);

    В идеале бы сделать

    $rightColWidth="25%";
    if($showRightColumn == false){$rightColWidth="0";}

    $leftColWidth="25%";
    if($showLeftColumn == false){$leftColWidth="0";}

    $wrapperWidth="50%";

    Но когда так делаю, то все три столбика становятся не рядом, а друг под другом. Левый, центральный, и правый - один под другим.

    Если оставляю исходный код, то получается ерунда (см.приложенный файл)

    Помогите, пожалуйста!
    hostingkartinok_com_7023926364521678097.png hostingkartinok_com_8382996676275317346.png

     
  2.  
  3. Лучший ответ:
    Сообщение #3 от 16.01.2015, автор shure348
  4. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 054
    Симпатии:
    520
    Пол:
    Мужской
    А если колонкам дать по 22%, а центру 47%
    и применяй box-sizing CSS
     
  5. shure348
    Offline

    shure348 Активист

    Регистрация:
    21.08.2012
    Сообщения:
    145
    Симпатии:
    27
    Пол:
    Мужской
    Лучший ответ
    можно как вариант к .wrapper добавить сврйство width: calc(100% - 600px) !important; потому что боковины по 300px стоят
    но при совсем узком экране все равно надо доделывать
     
    GoodsTours нравится это.
  6. GoodsTours
    Offline

    GoodsTours Недавно здесь

    Регистрация:
    15.01.2015
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Женский
    А где искать ".wrapper"?
    --- добавлено: 16.01.2015, первое сообщение размещено: 16.01.2015 ---
    Вставила

    $rightColWidth="22%";
    if($showRightColumn == false){$rightColWidth="0";}

    $leftColWidth="22%";
    if($showLeftColumn == false){$leftColWidth="0";}

    $wrapperWidth="47%";
    ________________

    И просто

    $rightColWidth="22%";

    $leftColWidth="22%";

    $wrapperWidth="47%";

    Результат один: снова все смещается одно под другое (см.картинки). В общем, не хочет % принимать...
    hostingkartinok_com_2837954153236022762.png hostingkartinok_com_8751260034043495204.png
     
  7. shure348
    Offline

    shure348 Активист

    Регистрация:
    21.08.2012
    Сообщения:
    145
    Симпатии:
    27
    Пол:
    Мужской
    .wrapper искать в position.css строка 75:)
     
    GoodsTours нравится это.
  8. GoodsTours
    Offline

    GoodsTours Недавно здесь

    Регистрация:
    15.01.2015
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Женский
    Спасибо огромное!!! Все получилось :))) А сделать совсем "резиновый", чтобы в пропорциях колонки были (25-50-25, к примеру) нельзя?
     
  9. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    Круто, конечно, но:
    http://htmlbook.ru/css/calc

    Это работает только в новых браузерах. А в браузерах Android или iOS не работает вообще.
     
  10. shure348
    Offline

    shure348 Активист

    Регистрация:
    21.08.2012
    Сообщения:
    145
    Симпатии:
    27
    Пол:
    Мужской
    для мобил тогда уже вcтупает в бой @media :)
     

Поделиться этой страницей

Загрузка...