Witam,
Zwracam się do Was z wielką prośbą o pomoc. Generalnie dopiero zaczynam i jeszcze bardzo mało ogarniam i pewnie dlatego, w żaden sposób nie mogę poradzić sobie z umieszczeniem footera na dole strony. Stronę stawiam na
drupalu i potrzebuję zrobić stopkę tak, żeby była zawsze na dole. W tej chwili działa to tylko jeśli jest dużo treści na stronie. W momencie jak jest mało treści, stopka podjeżdża do góry i zaczyna się tam gdzie kończy się treść. Przy większych rozdzielczościach więc wisi w połowie strony

Próbowałem już wszystkich rozwiązań dostępnych w sieci i wygląda na to, że chyba jednak sam nie ogarnę tematu. Chodzi mi o dokładnie takie rozwiązanie jak
http://www.cssstickyfooter.com. Czyli nie na stałe (position:fixed) tylko relative.
<?php
// $Id: page.tpl.php,v 1.25 2008/01/24 09:42:53 Leo Exp $
?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="
<?php print $language->language ?>" xml:lang="
<?php print $language->language ?>" dir="
<?php print $language->dir ?>">
<head>
<title>
<?php print $head_title ?></title>
<!--[if lt IE 7]><script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script.js"></script><![endif]-->
<link href="
<?php print base_path
().path_to_theme
() ?>/menu.css" media="all" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="
<?php print base_path
().path_to_theme
() ?>/js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="
<?php print base_path
().path_to_theme
() ?>/js/jquery.opacityrollover.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
// We only want these styles applied when javascript is enabled
$('div.content2').css('display', 'block');
// Initially set opacity on thumbs and add
// additional styling for hover effect on thumbs
var onMouseOutOpacity = 0.67;
$('#thumbs ul.thumbs li').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 1.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});
// Initialize Advanced Galleriffic Gallery
var gallery = $('#thumbs').galleriffic({
delay: 2500,
numThumbs: 0,
preloadAhead: 10,
enableTopPager: false,
enableBottomPager: false,
maxPagesToShow: 7,
imageContainerSel: '#slideshow',
controlsContainerSel: '#controls',
captionContainerSel: '#caption',
loadingContainerSel: '#loading',
renderSSControls: false,
renderNavControls: false,
playLinkText: 'Play Slideshow',
pauseLinkText: 'Pause Slideshow',
prevLinkText: 'Prev',
nextLinkText: 'Next',
nextPageLinkText: '',
prevPageLinkText: '',
enableKeyboardNavigation: false,
enableHistory: false,
autoStart: true,
syncTransitions: false,
defaultTransitionDuration: 900,
onSlideChange: function(prevIndex, nextIndex) {
// 'this' refers to the gallery, which is an extension of $('#thumbs')
this.find('ul.thumbs').children()
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
.eq(nextIndex).fadeTo('fast', 1.0);
},
onPageTransitionOut: function(callback) {
this.fadeTo('fast', 0.0, callback);
},
onPageTransitionIn: function() {
this.fadeTo('fast', 1.0);
}
});
});
</script>
</head>
<body>
<body id="body">
<div class="min-width">
<div id="header">
<div class="head-row1 main">
<div class="col1">
<?php if ($logo) : ?>
<a href="
<?php print $front_page ?>" title="
<?php print t
('Home') ?>"><img src="
<?php print($logo) ?>" alt="
<?php print t
('Home') ?>" class="logo" /></a>
<?php endif; ?>
<?php if ($site_name) : ?>
<h1 class="site-name"><a href="
<?php print $front_page ?>" title="
<?php print t
('Home') ?>">
<?php print $site_name ?></a></h1>
<?php endif; ?>
<?php if ($site_slogan) : ?>
<div class="slogan">
<?php print($site_slogan) ?></div>
<?php endif;?>
<?php if ($mission != ""): ?>
<div id="mission">
<?php print $mission ?></div>
<?php endif; ?>
</div>
<div class="col2">
<?php if (isset($secondary_links)) : ?> <div class="secondary-menu">
<?php print theme
('links', $secondary_links, array('class' => 'links secondary-links')) ?> </div>
<?php endif; ?>
</div>
</div>
<div class="head-row2 main">
<?php if (module_hook('yuimenu','menu') && ("tns" == variable_get('yuimenu_type','tns') || "tnm"==variable_get('yuimenu_type','tns')) ){?>
<?php print html_menu
(variable_get
('yuimenu_root','1') ); ?> <?php }?>
</div>
<?php if ($gallery != ""): ?>
<div class="head-row3">
<div class="main">
</div>
</div>
<?php endif; ?>
</div>
<div id="wrap">
<div id="cont">
<div class="main">
<div class="cont-inner">
<?php if ($left != ""): ?>
<div id="left-col">
<div class="ind">
<div class="width">
</div>
</div>
</div>
<?php endif; ?>
<?php if ($right != ""): ?>
<div id="right-col">
<div class="ind">
<div class="width">
</div>
</div>
</div>
<?php endif; ?>
<div id="cont-col">
<div class="ind">
<?php if ($tabs): print '<div id="tabs-wrapper" class="clear-block">'; endif; ?> <?php if ($title): print ' <h2'. ($tabs ? ' class="with-tabs title"' : '') .'>'. $title .'</h2>
'; endif; ?>
<?php if ($tabs): print '<ul class="tabs primary">'. $tabs .'</ul></div>'; endif; ?> <?php if ($tabs2): print '<ul class="tabs secondary">'. $tabs2 .'</ul>'; endif; ?>
<?php if ($show_messages && $messages != ""): ?>
<?php endif; ?>
<?php if ($help != ""): ?>
<div id="help">
<?php print $help ?></div>
<?php endif; ?>
<!-- start main content -->
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="border-bot">
<div class="foot">
<div class="col1">
<?php if (isset($primary_links)) : ?> <div class="pr-menu">
<?php print theme
('links', $primary_links, array('class' => 'links primary-links')) ?> </div>
<?php endif; ?>
</div>
<div class="col2">
<?php if ($footer_message || $footer) : ?>
<span>
<?php print $footer_message;?> FOOTER</span>
<?php endif; ?>
</div>
</div>
</div>
</div>
<!-- coded by Leo -->
</div>
</body>
</html>
i css (okazało się, że jest za długi na forum)
pliki do ściągnięcia (php i css) :
www.iacoski.com/files/pliki.zipByłbym bardzo wdzięczny o pomoc. Próbowałem już wszystkiego. Bezskutecznie.
Ten post edytował jacekkolodziejczyk 20.01.2011, 10:57:52