Archive

Archive for October, 2008

10 Top Bookmarks on my iPhone

October 17th, 2008

Here’s a few links to the most used bookmarks on my iphone. Some are specifically optimised for the iphone like Facebook while others are simply wap sites or designed for PDA’s & smart phones. Although the iPhone’s Safari browser can display full websites I still prefer the mobile sites as they load a little quicker and fit nicely within the screen.

In no particular order:

RTE Mobile
m.rte.ie

BBC Mobile
www.bbc.co.uk/mobile

Wapedia
www.wapedia.mobi

Facebook
iphone.facebook.com

eBay
iphone.ebay.com

Entertainment.ie
m.entertainment.ie

Yahoo Ireland Mobile
ie.m.yahoo.com

Netvibes
m.netvibes.com

Google Mobile
www.google.com/m

Digg Mobile
m.digg.com

There you have it!
Some of these website have free apps available from iTunes that you can use. I may list my favourites here soon!

conordarcy iphone , ,

How to Stick a Footer to the Bottom with CSS

October 12th, 2008
CSS footer problem
CSS footer problem

The situation above is a common problem on pages with insuffucient content to push a footer below the fold particularly on larger screens with high resolution. As you can see the content sits above the bottom of the page leaving an unsightly gap below the blue footer. This problem can be exacerbated when moving through the website, the footer moves up & down depensing on the amount of content. What we want is to have the footer stick to the bottom of the page if there is insuffucent content to push it below the fold.

Ideally we want the situation above, where the footer naturally rests on the bottom of the browser irrespective of the amount of content on the page. In a nutshell, you need to set the height of a container layer or div to 100% and create a content div and a footer div within this.
The content div’s height is also set at 100%. This will push the footer off the bottom of the page, immediately below the fold. Lets say you want the footer to be 100px high.
 
Now set the bottom padding of the content div to 100px. This will create empty space at the bottom of the div for the footer to fit into. Finally, set the top margin of the footer to -100px. This will move the footer up into the 100px space you created with the contents bottom padding.
 
Simple:)
 
I’ve created a starting template for all sites I create. You can download it here.
 
It contains a html file & css starting point. I’ve also added a header along with the footer & content divs. Its 800px wide and centred. its fairly simple to figure out & modify. Have a look.

conordarcy CSS, Web Design , , ,