style - margin

Discussion in 'PHP' started by PEPSICOLA, 3 Feb 2007.

  1. PEPSICOLA

    PEPSICOLA . . . . . 2L . . . . .

    Joined:
    14 Oct 2004
    Messages:
    1,025
    Likes Received:
    824
    Reputations:
    368
    Sos! Нужна помощь в margin-bottom,
    с верхушкой справился, а вот как прилепить нижнюю таблицу к каркасу браузера - без понятия... Вообще - там оставалось пикселей 30 пустого места, я решил создать ещё одну таблицу и её верх прелепить к основной части сайте а низ прилепить к каркасу статус строки. Вот что получилось:

     
    2 people like this.
  2. LoneWolf666

    LoneWolf666 Elder - Старейшина

    Joined:
    9 Dec 2005
    Messages:
    207
    Likes Received:
    121
    Reputations:
    12
    Не силён в этом, но мэйби указать значение в процентах? или я путаю?... Если что сорри, изучаю недавно
     
    1 person likes this.
  3. Helios

    Helios Elder - Старейшина

    Joined:
    14 Jan 2007
    Messages:
    414
    Likes Received:
    180
    Reputations:
    103
    У тебя основное содержание страницы - одна сплошная таблица? Если да, то просто добавь height="100%"

    Еще в таблице стилей:
    body
    {
    margin: 0px 0px 0px 0px;
    }

    и
    <body marginbottom="0">

    //для надежности)
     
    1 person likes this.
  4. MorpheuS

    MorpheuS born to do it

    Joined:
    30 Jul 2005
    Messages:
    66
    Likes Received:
    57
    Reputations:
    51

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

    margin-bottom: -10px;

    должно работать
     
    2 people like this.
  5. bopoh13

    bopoh13 Elder - Старейшина

    Joined:
    31 Oct 2006
    Messages:
    195
    Likes Received:
    20
    Reputations:
    0
    На страницу взглянуть можно?
    ЗЫ: непонятно, у тебя тело пустое выходит?! вертикально таблицу в теле передвигать бесполезно; только, как сказал Helios, за счет другой таблицы. Если очень надо, можно заморочиться со слоями.
     
  6. kirbak

    kirbak Elder - Старейшина

    Joined:
    7 Dec 2006
    Messages:
    28
    Likes Received:
    12
    Reputations:
    1
    Смотри http://xhtml.ru/2005/10/18/footer-stick/
     
    1 person likes this.
  7. Raz0r

    Raz0r Elder - Старейшина

    Joined:
    7 Jan 2007
    Messages:
    126
    Likes Received:
    20
    Reputations:
    0
    решение CSS (суперрешение):
    HTML:
    BODY { margin: 0px 0px 0px 0px; }
    Поправил-поправил, только оно и так работало на "ура" ;)
     
    #7 Raz0r, 5 Feb 2007
    Last edited: 6 Feb 2007
  8. Helios

    Helios Elder - Старейшина

    Joined:
    14 Jan 2007
    Messages:
    414
    Likes Received:
    180
    Reputations:
    103
    Че сказать? КрасавчеГ))

    Внимательнее читай доки и маны. Таким макаром ты выставишь только margin-top
     
    #8 Helios, 6 Feb 2007
    Last edited: 6 Feb 2007
    1 person likes this.
  9. PEPSICOLA

    PEPSICOLA . . . . . 2L . . . . .

    Joined:
    14 Oct 2004
    Messages:
    1,025
    Likes Received:
    824
    Reputations:
    368
    Большое спасибо, буду разбираться :) Всем относительные плюсы ;)
     
  10. bopoh13

    bopoh13 Elder - Старейшина

    Joined:
    31 Oct 2006
    Messages:
    195
    Likes Received:
    20
    Reputations:
    0
    Давай-давай)
     
  11. PEPSICOLA

    PEPSICOLA . . . . . 2L . . . . .

    Joined:
    14 Oct 2004
    Messages:
    1,025
    Likes Received:
    824
    Reputations:
    368
    heeeelp!

    Удачно получилось прилепить таблицу к низу.

    [​IMG]
    (~70kb)

    Но появилась другая проблема, вызванная CSS style:

    Этот css postitioning style служит для главного окна (на скрине это центр, серая область таблиц с информацией работ участника).

    Вставлено в таблицу это так:
    Как видно в эту ячейку вставляется скрипт с фунцией php - switch, то есть всвязи со значениями $_GET будет выводиться определённая инфа...

    Так вот всё работало нормально, до тех пор, пока я не выставил:
    overflow:scroll;
    height:100%;
    И этот margin:bottom;

    Теперь иногда при нажатии на любые (!) ссылки сайта - информация включаемая в главное окно инклудом может отображаться, а может и нет - просто пустая ячейка вместо нужных данных, зависит от переодических нажатий на тот же линк повторно либо комбинации ctrl+F5.

    Ну я думаю что это баг Opera 9.10, т.к. в IE 6+ или Firefox такого глюка нет, неважно сколько делать refresh - всё отображается, но есть другие глюки: в FireFox не пашет нормально css positioning style. То есть всё это дело не центруется и информация не прокручивается только в середине таблицы, а растягивается до самого низа, включая scrollbar главного окна браузера...

    В IE 6+ всё идеально, всё работает, все супер, только жаль что им никто не пользуется :D

    Вообщем без понятия что к чему. Есть какие идеи, что бы прийти к оптимальному варианту? :)
     
    #11 PEPSICOLA, 10 Feb 2007
    Last edited: 10 Feb 2007
  12. Talisman

    Talisman Elder - Старейшина

    Joined:
    22 Apr 2006
    Messages:
    400
    Likes Received:
    151
    Reputations:
    80
    по делу сказать ничего не могу - оперу не юзаю, а по ядру совет - юзай mod_rewrite - твои линки убого выглядят щас...
     
    1 person likes this.
  13. LoneWolf666

    LoneWolf666 Elder - Старейшина

    Joined:
    9 Dec 2005
    Messages:
    207
    Likes Received:
    121
    Reputations:
    12
    maybe эт у тебя просто проги глючат или изза того что локалхост?
    залей одну пагу куда нить в вирт пускай народ потыкает.
    а вообще хз, как я и говорил...
     
    5 people like this.
  14. PEPSICOLA

    PEPSICOLA . . . . . 2L . . . . .

    Joined:
    14 Oct 2004
    Messages:
    1,025
    Likes Received:
    824
    Reputations:
    368
    А вот зацените скриншот, там 2 полосы прокрутки, как убрать горизонтальный скролбар, оставив только вертикальный?
     
  15. LoneWolf666

    LoneWolf666 Elder - Старейшина

    Joined:
    9 Dec 2005
    Messages:
    207
    Likes Received:
    121
    Reputations:
    12
    Я чё то там не увидел горизонтальную.
     
  16. PEPSICOLA

    PEPSICOLA . . . . . 2L . . . . .

    Joined:
    14 Oct 2004
    Messages:
    1,025
    Likes Received:
    824
    Reputations:
    368
    =)) снизу главного окна, она серая - не активная, но линия и стрелочки есть, а это забирает лишние 16 pixels =)
     
  17. kirbak

    kirbak Elder - Старейшина

    Joined:
    7 Dec 2006
    Messages:
    28
    Likes Received:
    12
    Reputations:
    1
    overflow-y: scroll
     
    2 people like this.
  18. Helios

    Helios Elder - Старейшина

    Joined:
    14 Jan 2007
    Messages:
    414
    Likes Received:
    180
    Reputations:
    103
    Есть у движка оперы такой баг: директивы width и height в CSS он выполняет слишком уж точто: при любом раскладе высота будет равна 100% от высоты окна, не зависимо от того, будет текст влазить или нет(. Кстати, есть еще один нюанс: при указании width: xx% он сделает ширину обьекта в xx процентов от высоты(!) а не ширины окна.
    Учти это.

    Кстати, ничего умного по этому поводу придумать не смог, а решил проблему при помощи JavaScript, как именно, смотри на gannenko.com.

    а насчет горизонтального скроллбара overflow: scroll-x; Вроде так, но проверь в манах, ибо не уверен.