Posted by Martin Jay on 04/16/06 03:09

In message <444183c9$0$27481$882e0bbb@news.ThunderNews.com>, Bastard
<newaroundhere@hotmail.com> writes
>I've been using CSS Layout generators to set up the basics of my site, my
>theory being that I can pick their code apart and learn what's going on.
>
>I've created a site that I want to carry on with except I have no deciced
>that I want to add a left hand column. Simple! Oh so I thought......
>
>I'm currently staring at the site I am in the middle of and a pregenerated
>site with a LH column. I CANNOT work out the difference between the code at
>all, I'm flicking between their respective HTML and CSS files and just not
>seeing it!
>
>Maybe it's the time of night but I'm starting to get frustrated, if anyone
>can help me I'd be terribly grateful,
>
>Site with column to be added: http://www.tastymota.com/dfa/test1/test.html
>Generated site with column: http://www.tastymota.com/dfa/test3/test.html

There are several differences between the .css files.

<http://www.tastymota.com/dfa/test1/css.css> and
<http://www.tastymota.com/dfa/test3/test.css>.

It just goes to show how tinkering with style sheets can change the way
a page looks. Note how the left column on the page
<http://www.tastymota.com/dfa/test1/test.html> is at the bottom of the
page.

I suggest you use Firefox <http://www.mozilla.com/firefox/> and its DOM
Inspector plug-in to help you find out what's where and why.

Another tip, especially useful if you're using Internet Explorer, is to
give elements a background colour or border to highlight them.
--
Martin Jay

[Back to original message]