Косяк в дизайне!

Тема в разделе "Веб-дизайн", создана пользователем Хомячок, 2 май 2011.

Модераторы: zek24
  1. Хомячок

    Хомячок

    Регистр.:
    10 апр 2008
    Сообщения:
    184
    Симпатии:
    103
    Привет всем!) Помогите пожалуйста исправить косяк в дизайне с div блоком.
    Сейчас вот так:
    scr1.png
    А нужно вот так:
    scr2.png
    Крутил вертел никак не получется, то блоки смещаются все, то другие проблемы возникают. Вот ссылка на сайт:
    http://tppvs.co.cc/
    Заранее благодарен)
     
  2. bork75

    bork75 Д☼брая собака )

    Регистр.:
    21 июн 2008
    Сообщения:
    1.449
    Симпатии:
    716
    <div id="ja-newsflash-right">

    В стилях поправь
    height:200px

    или в самом шаблоне /templates/Tppvs1/index.php

    <div id="ja-newsflash-right" style="width:200px;">
     
  3. Хомячок

    Хомячок

    Регистр.:
    10 апр 2008
    Сообщения:
    184
    Симпатии:
    103
    Блок с новостями сегодня просто уезжает вправо и не смотрится относительно нижнего контента, нужно как на картинке сделать.
     
  4. bork75

    bork75 Д☼брая собака )

    Регистр.:
    21 июн 2008
    Сообщения:
    1.449
    Симпатии:
    716
    Во втором примере с просони опечатался

    <div id="ja-newsflash-right" style="height:200px;">

    [​IMG]
     
  5. Хомячок

    Хомячок

    Регистр.:
    10 апр 2008
    Сообщения:
    184
    Симпатии:
    103
    Вот что произошло при изменении высоты на 200px:

    scr.png

    Все съехало вниз и даже поменяло цвет((( Вот если бы оно заехало под полосу "пройдите регистрацию на сайте", тогда бы все исправилось)
     
  6. kuguk

    kuguk

    Регистр.:
    5 мар 2009
    Сообщения:
    182
    Симпатии:
    19
    Скинь кусок кода(шапки) из main.tpl, а то так трудно сказать. Надо же знать, как правая часть выводиться. Не пробывал поставить фиксированную ширину нижней центральной части, ну или правой?
     
  7. bat

    bat

    Регистр.:
    24 сен 2009
    Сообщения:
    974
    Симпатии:
    276
    Начнем с того что главное меню (сверху) прижато к левому краю, а надо по центру.
    Вся проблема в том что шапка не оптимизирована под разные разрешения экрана. То есть сам то шаблон резиновый, а шапка нет )))
    Самое простое что могу предложить:заменить эту картинку http://tppvs.co.cc/templates/Tppvs1/images/opaque-default.png на картинку из вложениятогда у тебя получится в точности как показал в своем посте bork75 ;)
    А можно заморочиться и рассчитать процентовку отображения header1.jpg, ну или вообще переделать шапку полностью, что создаст только дополнительный геморрой )))
     

    Вложения: