Опера 11 и привязка к нижней границе окна

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

Не работают скрипты и ссылки в футере

#1 14 июня 2011 в 14:23
Добрый день. Пытаюсь решить проблему и ничего не выходит.
Сделала дизайн сайта и все было отлично до выхода Opera 11.11
Сайт farcom16.ru
в футере есть поиск. Рабочий, во всех проверенных браузерах, кроме указанной Оперы.
В Опере в инпат курсор вставить нельзя и ссылки a href не активны.

Вот содержимое CSS касающееся футера:
  1. html, body {
  2. margin:0;
  3. padding:0;
  4. width:100%;
  5. height:100%;
  6. }
  7.  
  8. body {
  9. height: 100%;
  10. color: #606060;
  11. }
  12.  
  13. #wrapper {
  14. position:relative;
  15. height:auto !important;
  16. min-height: 100%;
  17. display:block;
  18. margin-left:auto;
  19. margin-right:auto;
  20. }
  21. * html #wrapper {
  22. height: 100%;
  23. }
  24.  
  25. #footer{
  26. height:80px;
  27. text-align:center;
  28. background: #1c6db6;
  29. color:#FFF;
  30. text-shadow:0 1px 0 #000;
  31. margin-top:-80px;
  32. margin-bottom:0px !important;
  33. clear:both;
  34. }

вот кусок содержимого шаблона:
  1. <div id="wrapper">
  2.  
  3. <!--<div id="blanc">
  4. <div class="container_12">
  5.  
  6. <div class="grid_12">
  7. <?php if (!$inUser->id){ ?>
  8. <div class="mod_user_menu">
  9. <span class="register"><a href="/registration">Регистрация</a></span>
  10. <span class="login"><a href="/login">Вход</a></span>
  11. </div>
  12. <?php } ?>
  13. </div>
  14. </div>
  15. </div>-->
  16.  
  17. <div id="header">
  18. <div class="container_12">
  19. <div class="grid_3">
  20. <div id="sitename"><a href="/"></a></div>
  21. </div>
  22. <div class="grid_9">
  23. <?php cmsModule('header'); ?>
  24. </div>
  25. </div>
  26. </div>
  27.  
  28.  
  29. <div id="page">
  30.  
  31. <?php if ($mod_count['top']){ ?>
  32. <div class="clear"></div>
  33.  
  34. <div id="topwide" class="container_12">
  35. <div class="grid_12" id="topmod"><?php cmsModule('top'); ?></div>
  36. </div>
  37. <?php } ?>
  38.  
  39. <div class="container_12" id="topmenu">
  40. <div class="grid_12">
  41. <?php cmsModule('topmenu'); ?>
  42. </div>
  43. </div>
  44.  
  45. <div id="pathway" class="container_12">
  46. <div class="grid_12"><?php cmsPathway('>>'); ?></div>
  47. </div>
  48.  
  49. <div class="clear"></div>
  50.  
  51. <div id="mainbody" class="container_12">
  52. <?php if ($mod_count['l_sidebar']) { ?>
  53. <div class="grid_3" id="l_sidebar"><?php cmsModule('l_sidebar'); ?></div>
  54. <?php } ?>
  55.  
  56. <div id="main" class="<?php
  57. if ($mod_count['sidebar'] xor $mod_count['l_sidebar'])
  58. {
  59. ?>grid_9<?php
  60. }
  61.  
  62. elseif ($mod_count['sidebar'] and $mod_count['l_sidebar'])
  63.  
  64. {
  65. ?>grid_6<?php
  66. }
  67.  
  68. else { ?>grid_12<?php }
  69.  
  70. ?>">
  71.  
  72. <div id="maintop"><?php cmsModule('maintop'); ?></div>
  73. <?php if ($mod_count['lside']) { ?>
  74. <div id="lside"><?php cmsModule('lside'); ?></div>
  75. <?php } ?>
  76. <?php cmsBody(); ?>
  77.  
  78. <?php cmsModule('mainbottom'); ?>
  79.  
  80. </div>
  81. <?php if ($mod_count['sidebar']) { ?>
  82. <div class="grid_3" id="sidebar"><?php cmsModule('sidebar'); ?></div>
  83. <?php } ?>
  84. </div>
  85.  
  86. </div>
  87.  
  88. </div>
  89.  
  90. <div id="footer">
  91. <div class="container_12">
  92. <div class="grid_12">
  93. <div id="bottom"><?php cmsModule('bottom'); ?></div>
  94. </div>
  95. </div>
  96. </div>
  97.  
В ИЕ, Хроме, ФФ все нормально, а Опера, при условии отсутствия полосы прокрутки, видимо, рабочую область опускает ниже границы окна.
Если убрать привязку к низу, то все работает.
Никак не могу сообразить, что не так(
#2 14 июня 2011 в 15:45
Firefox 4

и поиск не пашет
+
27 ошибок в валидации…
#3 14 июня 2011 в 19:22
Точно, ФФ4 такая же история..
Снизу был канвас, любезно вставленный FCKEditor-ом. Теперь нет. Но активная область так и не появляется. Фаербагом ничего увидеть невозможно — при его открытии прорисовывается полоса прокрутки и все начинает работать исправно.
Не знаю, что делать…
#4 14 июня 2011 в 19:27
у всех таблиц нижний отступ выставлен в 10px…
#5 14 июня 2011 в 19:33

у всех таблиц нижний отступ выставлен в 10px…

• Mike •
убрала отступ, все по прежнему…
#6 14 июня 2011 в 19:42
всё работает в опере 11.11 (поиск в футере) почистите кэши броузеров…
#7 14 июня 2011 в 19:53

всё работает в опере 11.11 (поиск в футере) почистите кэши броузеров…

• Mike •
Почистила кэш, вручную удалила с диска — ситуация та же в Опера 11.11 и ФФ4.
Поиск не работает, если нет полосы прокрутки. Если есть, все работает правильно.
#8 14 июня 2011 в 20:28
уберите у футера свойство margin-top: -80px;
#9 14 июня 2011 в 20:34
и раскомментируйте div class=pad он выполнял как раз функцию посредника между врапером и футером
#10 14 июня 2011 в 21:16

берите у футера свойство margin-top: -80px;

• Mike •
margin-top:-80px; нужен, чтобы поднять футер над границей окна. Проблема здесь, это я понимаю. Но не понимаю, почему браузер поднимает только видимую область, а рабочую оставляет за границей окна.
#11 14 июня 2011 в 21:29
Всем спасибо за ответы!
Проблема решилась добавлением position:relative; к стилю футера:)
#12 14 июня 2011 в 21:29
для этого pad и сделан… а высоту указываете в 100% для wraper так что чему удивлятся… она и есть видимая и пропадает только после того как врапер перестает перекрывать футер когда появляется прокрутка
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.