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

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

 
Посетитель
small user social cms
Сообщений: 85
Добрый день. Пытаюсь решить проблему и ничего не выходит.
Сделала дизайн сайта и все было отлично до выхода Opera 11.11
Сайт farcom16.ru
в футере есть поиск. Рабочий, во всех проверенных браузерах, кроме указанной Оперы.
В Опере в инпат курсор вставить нельзя и ссылки a href не активны.

Вот содержимое CSS касающееся футера:
Код PHP:
  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. }

вот кусок содержимого шаблона:
Код PHP:
  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.  
В ИЕ, Хроме, ФФ все нормально, а Опера, при условии отсутствия полосы прокрутки, видимо, рабочую область опускает ниже границы окна.
Если убрать привязку к низу, то все работает.
Никак не могу сообразить, что не так(
Редактировалось: 1 раз (Последний: 14 июня 2011 в 14:24)
Посетитель
no avatar
Сообщений: 83
Firefox 4
Опера 11 и привязка к нижней границе окна

и поиск не пашет
+
27 ошибок в валидации ...
Реклама
cms
Посетитель
small user social cms
Сообщений: 85
Точно, ФФ4 такая же история..
Снизу был канвас, любезно вставленный FCKEditor-ом. Теперь нет. Но активная область так и не появляется. Фаербагом ничего увидеть невозможно - при его открытии прорисовывается полоса прокрутки и все начинает работать исправно.
Не знаю, что делать..
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1675
у всех таблиц нижний отступ выставлен в 10px…
«Главное “настрой”! И всё настроиться…» © ) Их знают все! А вы?
Посетитель
small user social cms
Сообщений: 85
• Mike •:
у всех таблиц нижний отступ выставлен в 10px…
убрала отступ, все по прежнему..
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1675
всё работает в опере 11.11 (поиск в футере) почистите кэши броузеров…
«Главное “настрой”! И всё настроиться…» © ) Их знают все! А вы?
Посетитель
small user social cms
Сообщений: 85
• Mike •:
всё работает в опере 11.11 (поиск в футере) почистите кэши броузеров…
Почистила кэш, вручную удалила с диска - ситуация та же в Опера 11.11 и ФФ4.
Поиск не работает, если нет полосы прокрутки. Если есть, все работает правильно.
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1675
уберите у футера свойство margin-top: -80px;
«Главное “настрой”! И всё настроиться…» © ) Их знают все! А вы?
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1675
и раскомментируйте div class=pad он выполнял как раз функцию посредника между врапером и футером
«Главное “настрой”! И всё настроиться…» © ) Их знают все! А вы?
Посетитель
small user social cms
Сообщений: 85
• Mike •:
берите у футера свойство margin-top: -80px;
margin-top:-80px; нужен, чтобы поднять футер над границей окна. Проблема здесь, это я понимаю. Но не понимаю, почему браузер поднимает только видимую область, а рабочую оставляет за границей окна.
Посетитель
small user social cms
Сообщений: 85
Всем спасибо за ответы!
Проблема решилась добавлением position:relative; к стилю футера:)
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1675
для этого pad и сделан… а высоту указываете в 100% для wraper так что чему удивлятся… она и есть видимая и пропадает только после того как врапер перестает перекрывать футер когда появляется прокрутка
«Главное “настрой”! И всё настроиться…» © ) Их знают все! А вы?
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: