View Full Version : new website layout shrinks

Jan 26th, 2009, 07:18 AM
my website is JNbux.com (http://www.jnbux.com)

i just designed the theme for this site today

when you visit the site you can see the size the tables are supposed to be just for half a second

does anybody know what would be causing this?

it is only the index page that does it.

how can i fix this?

www.jnbux.com (http://www.jnbux.com)

Jan 26th, 2009, 08:10 AM
Hi jnbux,
Gues you haven't heard about markup validity (http://validator.w3.org/docs/help.html#validation_basics). To expect a good layout, we need to supply a valid markup to the browser. See the errors in your page http://validator.w3.org/docs/help.html#validation_basics

First of all you need a valid DOCTYPE (http://www.alistapart.com/stories/doctype/)at the top of your page.

And I'd recommend you to check "why tables for layout is stupid (http://www.hotdesign.com/seybold/)?"

Basically you'd need a floated div and another one with some margin, and need to use faux columns (http://www.alistapart.com/articles/fauxcolumns/) for the background.

Learn some good layout techniques from http://bonrouge.com/2c-hf-fixed.php

PS: welcome to CF!