16 сентября 2008 в 20:34
Ребята как же достала меня вечная проблема с footer ом
Футер в очередной раз ползет за центральным блоком вверх. Перепробовал все что тут советовали ничего не помогло.
Кто нашел рациональное и по истине работающее решение?
Комментарии
вот и мне интересно.
Я как боролся в CSS:
bottom: -40px;
position можно absolute, это у кого что пойдет, ну и сколько снизу тоже кому как.
Но это решение меня не совсем устраивает.
http://xhtml.ru/2005/10/18/footer-stick/, вариант #2 у меня прижился.
Еслибы методами CSS можно былоб решить, давно ужеб решили все.
Что я тока не крутил в CSS, все бесталку.
Видимо рыть нужно от CSSа!
тоже как-то мучался, но поступил умно - ЗАБИЛ, тк все способы непомогли, а их я попробовал штук 10
Теже яйца только в профиль.
Забить не могу, т.к футер когда палзет вверх, сьедает правое выпадающее меню.. Епт
http://bombashop.ru/
Тупа увеличил правый сайд бар выстаой в главную страницу
700px
На странице где центральная калонка меньше к примеру на http://bombashop.ru/user
Футер тупа за паласой пракрутки, но зато этого достаточно елси раскрыть выпадающее меню.
Решение тупое, но пока только она у меня заработало.
Всем спасибо за обсуждение моей проблемы!
Мои пять копеек. В свое время нашел один очень интересный примерчик
http://matthewjamestaylor.com/blog/bottom-footer-demo.htm
Решил проблему только с помощью таблицы. Центральную и боковую колонки засунул в таблицу. Потом идёт подвал. Можно решить и другим путём, без таблицы, как в теме Гарланд - вставляем футер в див центральной колонки.
Все, вышеперечисленные способы у меня просто не заработали.
Это часть кода page.tpl.php темы блюморин:
<tr>
<?php if ($left) { ?><td id="sidebar-left">
<?php print $left ?>
</td><?php } ?>
<td valign="top">
<?php if ($mission) { ?><div id="mission"><?php print $mission ?></div><?php } ?>
<div id="main">
<?php print $breadcrumb ?>
<h1 class="title"><?php print $title ?></h1>
<div class="tabs"><?php print $tabs ?></div>
<?php if ($show_messages) { print $messages; } ?>
<?php print $help ?>
<?php print $content; ?>
<?php print $feed_icons; ?>
</div>
</td>
<?php if ($right) { ?><td id="sidebar-right">
<?php print $right ?>
</td><?php } ?>
</tr>
</table>
<div id="footer">
<?php print $footer_message ?>
<?php print $footer ?>
</div>
<?php print $closure ?>
</body>
</html>
Подобным образом сделал и я. Работает все на ура. Конечно это не чистый CSS но на то оно и переходное время, что бы пользоваться смешанной разметкой.
Urfin Спасибо, я видишь не дадумался смешать слои с таблицей. Попробую, результат отпишу!
Urfin в Не идет, если разберешься в моем ниже представленном page.tpl.php буду оч. признателен!
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<title><?php print $head_title ?></title>
<?php print $head ?>
<?php print $styles ?>
<?php print $scripts ?>
<!--[if lt IE 7]>
<style type="text/css" media="all">import "<?php print base_path() . path_to_theme() ?>/fix-ie.css";</style>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body<?php print phptemplate_body_class($sidebar_left, $sidebar_right); ?>>
<div id="pagewrapper">
<div id=bg-right><img src="http://bombashop.ru/themes/fourseasons/img/bg-right.gif">
<div id=mycart><a href="http://bombashop.ru/cart">Что я выбрал?</a> <a href="http://bombashop.ru/user">Мой аккаунт</a></div>
</div>
<div id="headline">
<?php
if ($site_slogan) {
$site_slogan = '<div id="site-slogan">'.$site_slogan.'</div>';
}
else {
$site_slogan = '';
}
if ($logo || $site_name) {
print '<a href="'. check_url($base_path) .'" title="'. $site_name .'">';
if ($logo) {
print '<img src="'. check_url($logo) .'" alt="'. $site_title .'" id="logo" />';
}
print $site_name .'</a>';
print $site_slogan;
} else {
print '<div style="clear:both; height:20px;"></div>';
}
?>
</div>
<?php
foreach($primary_links as $key => $value ) {
if (ereg('active', $key)) {
$primary_links[$key]['attributes']['class'] = "active";
}
}
?>
<div id=searchshop><form action="http://bombashop.ru/view/price_search" accept-charset="UTF-8" method="get" id="views-filters">
<div><div class="tablewrapper"><table width="272" class="tableclass">
<thead></thead>
<tbody>
<tr class="odd">
<td width="32"><img src='/themes/fourseasons/img/imsearch.gif'></td>
<td width="66"><div class="form-item">
</div>
<div class="form-item">
<input type="text" maxlength="255" name="filter0" id="edit-filter0" size="11" value="" class="form-text" />
</div>
</td><td width="77"><div class="form-item">
</div>
<div class="form-item">
<select name="filter1" id="edit-filter1" style="width: 70px; height:24px;">
<option value=" "> </option>
<option value="500">500.-</option>
<option value="1000">1000.-</option>
<option value="1500">1500.-</option>
<option value="2000">2000.-</option>
<option value="2500">2500.-</option>
<option value="3000">3000.-</option>
</select>
</div>
</td><td width="77"><input type="image" src="/themes/fourseasons/img/search.gif" id="edit-submit" value="" class="form-submit" />
</td> </tr>
</tbody></table>
</div>
</div></form></div>
<div id="navigation-breadcrumb">
<?php if ($breadcrumb) { print $breadcrumb; } else { print '<div class="breadcrumb"><a href="#"> </a></div>'; } ?>
</div>
<div style="clear:both;"></div>
<div id="contentwrapper">
<?php if ($sidebar_left): ?>
<div id="sidebar-left" class="sidebar">
<?php if ($search_box): ?><div class="block block-theme"><?php print $search_box ?></div><?php endif; ?>
<?php print $sidebar_left ?>
</div>
<?php endif; ?>
<div id="middle-content">
<div class="content-padding">
<?php if ($tabs): print '<div id="tabs-wrapper" class="clear-block">'; endif; ?>
<?php if ($title): print '<h2'. ($tabs ? ' class="with-tabs"' : '') .'>'. $title .'</h2>'; endif; ?>
<?php if ($tabs): print $tabs .'</div>'; endif; ?>
<?php if (isset($tabs2)): print $tabs2; endif; ?>
<?php if ($help): print $help; endif; ?>
<?php if ($messages): print $messages; endif; ?>
<?php print $content ?>
<span class="clear"></span>
<?php print $feed_icons ?>
<div style="clear:both;"></div>
</div>
</div>
<?php if ($sidebar_right): ?>
<div id="sidebar-right" class="sidebar" ">
<?php if (!$sidebar_left && $search_box): ?><div class="block block-theme"><?php print $search_box ?></div><?php endif; ?>
<?php print $sidebar_right ?>
</div>
<?php endif; ?>
</div>
<div style="clear:both;"></div>
<div id="footer"><?php print $footer_message ?> </div>
<div id=bgfoot> </div>
<div id=bgclaks> </div>
<div id=tab>bombashop <br>
465807824 <IMG src="http://web.icq.com/whitepages/online?icq=465807824&img=5" border=0><br>
8 495 1246 777 <br>
<a href="mailto:">bang@bombashop.ru </a><br>
</div>
<div id="navigation-secondary">
<?php
if (isset($secondary_links) && !empty($secondary_links)) {
print theme('links', $secondary_links, array('class' => 'links secondary-links'));
}
else {
print '<ul class="links secondary-links"><li style="border:none;"> </li></ul>';
}
?>
<div style="clear:both;"></div>
</div>
</div>
<?php print $closure ?>
</body>
</html>