-
Users of Internet Explorer or Maxthon These are the most useless browsers know to man on the internet. Download a GOOD one NOW!
-
I think there is nothing worse than owning a few domains and having nothing on them and so, we are starting to go through both new and old domains. First up is www.websiteNZ.co.nz.
It is a fantastically easy to remember name and certainly no tongue twister to tell anybody over the phone or remember from a passing advertisement. It will be very aparrent that a lot of our time has been invested in the Symsysit.com website but once we end up with a design that works and functions exactly how we would like, it then leaves less room for play.
Pure CSS, No Script, Tableless Horizontal Website
The new Website, www.websiteNZ.co.nz has been a refreshing technical challenge over that last few weeks. The goal set was a crazy idea to make a site that is horizontal, no plugins, no script, NO TABLES allowed using valid XHTML Strict and CSS 2.1 maximum. Also, to look right on my 22″ widescreen running 1680×1050 and equally look right on a 17″ square 1024×768 screen be it IE6 or Google Chrome.
Argh I hear you say….. and yes BIG ARGH it was.
Some of the problems to overcome when creating a Navigable horizontal Website.
When placing navigation to skip back and forth through a single horizontal page using anchors, it becomes a virtually impossible nightmare.
One of the main issues is Internet Explorer.
ALL other browsers known to man will skip to an anchor aligned to the right of the page, to show the page it belongs to.
Mictosoft IE based Browsers do not know their left from Right
So, basically any web designer trying to do a site like this for IE only would have to revert to a mentality of that lower than Kindergarten student. It would be like being a passenger in a car driven by an American in NZ or the UK tackling their first roundabout…. understandably very confusing and very messy unless you are in the know.
See the diagram below for the result. The page will never quite get to the screen in an IE based browser unless you
A) give the anchor it’s own dedicated cell to bounce left to right in. and
B) write double the code to alternate left and right for Everyone else with common sense versus IE based browsers.
Thanks a bunch Mictosoft! But then I suppose it is fitting to have so much unnecessary bloated code to satisfy the conditions. The rest of the bloat is to cover up their opposite understanding of margins and paddings and magically invented extra pixels solely by guess what – …. IE Based browsers.
Microsoft Kindergarten Level knowledge of Direction
The best web design practice, is to design and test for Chrome and Firefox, then add adjustments for IE7+ then again add adjustments for IE6 and other inferior browsers. This way, you know your CSS is correct even when IE decides to do the exact opposite of what it should be doing.
Filed under: CSS,XHTML ... Comments (1)
Subscribe in a Reader or by Email
One Response for "Pure CSS, No Script, Tableless Horizontal Website"»
-
Judia
do you prehaps have the layout download?
