473,594 Members | 2,726 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Help: Footer not appearing at bottom of webpage ?

Hi,
I've been trying for a while, but I still haven't worked out a way of making
a footer appear at the bottom of a webpage, and not at the bottom of the
browser window ! See http://woodleyzebrasfc.port5.com/index.html for an
example. The div with id footer appears at the bottom of the browser window,
but I'm trying to make it appear at the bottom of the page, so that you
scroll down to see it if needed, and it will be placed below the lowest of
div id=sidebar or div id=main div's.
The css file is at http://woodleyzebrasfc.port5.com/css/wz_2column.css
I could do it with a simple table but I'm trying to persevere with css even
though it seems less controllable.
Thanks
Tony
Jul 20 '05 #1
1 3934

"Tony Benham" <to***@kerriswa y.freeserve.co. uk> wrote in message
news:bs******** ****@ID-170918.news.uni-berlin.de...
Hi,
I've been trying for a while, but I still haven't worked out a way of making a footer appear at the bottom of a webpage, and not at the bottom of the
browser window ! See http://woodleyzebrasfc.port5.com/index.html for an
example. The div with id footer appears at the bottom of the browser window, but I'm trying to make it appear at the bottom of the page, so that you
scroll down to see it if needed, and it will be placed below the lowest of
div id=sidebar or div id=main div's.
The css file is at http://woodleyzebrasfc.port5.com/css/wz_2column.css
I could do it with a simple table but I'm trying to persevere with css even though it seems less controllable.
Thanks
Tony


Since the divs in the middle might be any size, there's no dependable way to
put a footer div under them with absolute positioning. This should be easy
with floats though.

Try adding/replacing to match this.

#top;
position: static;
width: 100%;
}

#main {
float: right;
width: 76%;
}

#sidebar {
float: left;
width: 19%
}

#footer {
clear: both;
}
Jul 20 '05 #2

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

82
10651
by: Peter Diedrich | last post by:
The site design is pretty simple: ============================================ | Head | ============================================ | | | | | | | | | left | center | right | | | | | | | | |
0
1300
by: bobmct | last post by:
Gentlemen; I've created a class for a consistent footer ..footing { position: absolute; bottom: 0; font-size: x-small; text-align: center; width: 100%;
4
2745
by: jereme.goblue | last post by:
The web page at http://www.rossowinspections.com/ has an issue with the left menu. The left menu has 7 links. One of the links doesn't work. Using Firefox 1.5 the Fees link isn't a clickable link, if viewed as a full screen. If you shrink the window down the Fees link then becomes a link. The link works in IE and Mozilla. I've validated the CSS and XHTML, the CSS had no errors, the XHTML has no errors other than the paramaters for the...
7
1702
by: bobmct | last post by:
I've been toying with this for many weeks now and it still doesn't work as desired; I'm trying to develop with css compliance. In general my pages are within a container. Withing the container there is a header, a left column menu/nav box, a right box which contains the various pages content; and at the bottome of ALL pages is the close of the container section followed by a footer.
13
14910
by: Greg | last post by:
Most suggestions on this topic recommend to use a page footer and make it visible only on the last page. My problem is that the footer is half of the height of a page which means the detail would show on only the top half of each page with whitepace at the bottom of each page. How can I get the detail to fill each page with my "half page height" report footer at the bottom of the last page? Any suggestions to solve this would be...
0
1892
by: magicofureyes | last post by:
Hello Guys im a just a new user and i dnt knw much abt Xml i want to upload a new template in Blogger so got some free coding but when i save this code in Blogger template it say '''' Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The element type "Variable" must be terminated by the matching end-tag "". so please help me out and check this coding if...
2
1826
by: MattGaff | last post by:
Using Visual Studio 2005, I inserted a CrystalReportViewer into a Div tag to display a report that takes up 1 and a half pages. If i set the property to BestFitPage = False then I get scroll bars appearing on the right and bottom of the report. If I set to true, then when the last bit of data is displayed, it goes on to show the blank half of page 2 at the bottom of my webpage. Basically, does anybody either know how to remove the blank...
5
4616
by: Dave Rado | last post by:
Hi When the height of the content of a webpage is less than the height of the viewport, I would like to force the footer to the bottom of the viewport; whereas when the height of the content of the webpage exceeds the height of the viewport, then I would like the footer to be at the bottom of the webpage (so not visible until you scroll down to it). I tried using the method described at http://tinyurl.com/2upa7l but it
2
3621
by: kheitmann | last post by:
OK, so I have a blog. I downloaded the "theme" from somewhere and have edited a few areas to suit my needs. There are different font themes within the page theme. Long story short, my "Text Posts" are supposed to be in the font: Georgia, but they are showing up in "Times New Roman"...blah! I can't find anything wrong in the code, but who am I trying to fool? I know nothing about this stuff. The code is below. The parts that I *think*...
0
7874
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
8368
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8000
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8231
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
6652
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
5738
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5404
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
1
1476
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
1205
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.