отступ в футере

[Softlink]

ситуация такая. Есть табы на страничке. При загрузке страницы в опере, все в порядке. Стоит переключиться на вторую вкладку, а потом обратно, в футере появляется отступ снизу пикселей в 10. При перезагрузке страницы все становится опять нормально.

В других браузерах такой проблемы нет.

как не должно быть:

как должно быть:

Страничка тут.

Это баг в опере или можно как-то железно пригвоздить футер?

Опера 10.63

[psywalker]

Скорее всего баг именно Оперы, что не удивительно.

[Temiks]

не знаю конечно как у вас там все нормально но у меня вот что получается

хром 11

Edited May 7, 2011 by Temiks

[Softlink]

  On 5/7/2011 at 6:02 PM, Temiks said:

не знаю конечно как у вас там все нормально но у меня вот что получается

http://xmages.net/show.php/2726179_png.html

хром 11

а у меня все красиво. И во всех браузерах.

Ладно, буду еще копать. Temiks, будете тестером)))

А в других браузерах как?

Edited May 7, 2011 by Softlink

[Temiks]

та везде так, размер экрана по высоте 1024рх

[Softlink]

  On 5/7/2011 at 6:09 PM, Temiks said:

та везде так, размер экрана по высоте 1024рх

во, значит в этом и проблема. Сейчас буду править. Спасибо

[Temiks]

  On 5/7/2011 at 6:11 PM, Softlink said:

  On 5/7/2011 at 6:09 PM, Temiks said:

та везде так, размер экрана по высоте 1024рх

во, значит в этом и проблема. Сейчас буду править. Спасибо

ps чтобы проверить прикреплен ли футер к низу пользуйтесь масштабом

[Softlink]

прибил абсолютом к низу. Учел разрешение в 1200 по высоте. Правда сам цветок вниз съехал(жалко ) при меньшем разрешении, но что поделаешь.

Вот проблема, образовалась, да? То по ширине подгоняем, а здесь с малым кол-вом контента пришлось учитывать и гнать по высоте.

Проблема с оперой отвалилась одновременно. Не любит она position:absolute

Temiks, спасибо за твое разрешение монитора, а то так бы и было все. Я даже и не подумал об этом

p.s. тестил здесь http://viewlike.us Может кому пригодится

Edited May 7, 2011 by Softlink

[Temiks]

Softlink вы хотите прижать футер, то есть цветок? так ищите решение проще, сделайте див с 100% высоты задайте ему бг этот цветок указав позицию бг как по центру и снизу, и не что уезжать не будет

[Softlink]

да уже решил проблему. Вроде все корректно везде работает теперь.

[Temiks]

а если изменить масштаб то будет так

  On 5/7/2011 at 6:51 PM, Softlink said:

да уже решил проблему. Вроде все корректно везде работает теперь.

не а, + еще не удобно то что есть прокрутка, а она там ни к чему, так как мало контента

Edited May 7, 2011 by Temiks

[Softlink]

масштабирование уже не так критично) Но завтра добью и эту проблему.

[klierik]

opera 11.10 показывает отлично.

[Softlink]

  On 5/7/2011 at 6:48 PM, Temiks said:

Softlink вы хотите прижать футер, то есть цветок? так ищите решение проще, сделайте див с 100% высоты задайте ему бг этот цветок указав позицию бг как по центру и снизу, и не что уезжать не будет

так не сработает этот вариант. 100% высоты будет браться в зависимости от кол-ва материала, а не от высоты окна. А если контента там на 200 пикселей, то и 100%=200px. Так что такая конструкция точно не подойдет.

[buddah]

  Quote

100% высоты будет браться в зависимости от кол-ва материала, а не от высоты окна.

Вот как раз все наоборот.

Читайте

[Softlink]

  On 5/8/2011 at 12:08 PM, buddah said:

  Quote

100% высоты будет браться в зависимости от кол-ва материала, а не от высоты окна.

Вот как раз все наоборот.

Читайте

пожалуйста. Смотреть ваш вариант можно здесь

в main высота 100% для него сделал фоном цветок с background-position:bottom

Edited May 8, 2011 by Softlink

[buddah]

Прежде чем просто скопировать и вставить код - подумайте над его сутью, организации структуры и т.д.

Прижатый футер - это бородатая тема. csstemplater.com вам в помощь. Выберайте опцию "Прижать подвал", посмотрите на чистый файл css, может тогда станет яснее что к чему.

  Quote

в main высота 100% для него сделал фоном цветок с background-position:bottom

А зачем в мейн? Вы же хотите, чтоб цветок в подвале был.

Edited May 8, 2011 by buddah

[Temiks]

  On 5/8/2011 at 11:22 AM, Softlink said:

так не сработает этот вариант. 100% высоты будет браться в зависимости от кол-ва материала, а не от высоты окна. А если контента там на 200 пикселей, то и 100%=200px. Так что такая конструкция точно не подойдет.

все подойдет если сделать так

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <link type="text/css" href="css/style.css" rel="stylesheet" />
        <style type="text/css" >
            html, body {
                height: 100%;
                padding: 0;
                margin: 0;
            }
              .wrap {
                  height: 100%;
                  background: url(путь к картинке.jpg) bottom center;
              }
              .header {
                  min-height: 100px;
                  background: red;
              }
              .contant {

              }
        </style>
</head>
<body>
    <div class="wrap" >
        <div class="header" >

        </div>
        <div class="contant" >

        </div>
    </div>
</body>
</html>

в этом коде если будет много текста то текст будет залазить на сам бг

[Softlink]

вроде теперь все доделал - переверстал напрочь. Может уже голова совсем не варит сегодня, но в принцип действия этой системы я не совсем въехал Буду еще разбираться. Думаю, завтра все пойму

За помощь спасибо!

Edited May 8, 2011 by Softlink