I have a couple of questions concerning a template page I designed. The first is, the site looks different with different screen resolutions.

Also, I have noticed a new tag I am not used to. I have been out of web site design for a few years and I never used this tag. The DIV tag. It seems that some sites are using this tag. I have been closely studying the following site's code to try and figure out why the site's sidebar does not change when more information is added to the main body.

This is the site I have been looking at http://laws.justice.gc.ca/en/C-42/index.html

How could I incorporate the DIV tag into my site?

The page is a fixed-width layout. If you want it to adapt to different widths of display area, then start by removing width="600" and other fixed widths.

And the page already uses div elements.

The given URL is not the template page the OP created, only a site the OP has been examining.

The sidebar at that site doesn't change as it is included in each page. It only gives the illusion it doesn't reload with each page change.

A DIV is a generic block level container tag. See http://htmlhelp.com/reference/html40/block/div.html

Can you post the url (address) of your template page?

I must apologize. I was tired when I wrote this. I forgot to include the web address to my site. There's also missing information.

The issue is, the page deforms when viewed in different screen resolutions, or when information (text or images) is added to the main body. That is why I was in search of something better. I came across the above site from Canadian Copyright laws and noticed that there was plenty of information in the main body, without the page deforming when viewed in different resolutions. I looked up the code and noticed the DIV tags. I tried experimenting with the page by copying the code to MS Front Page and adding and removing information from the main body. This did not affect the sidebar whatsoever. I am at a loss as to why or how to reproduce this on my page.

Here is the link to my page: http://shawnservices.thruhere.net/Services...isco_Financial/

The page looks good at a resolution of 1280x768, but at 800x600 the sidebar text drops by about an inch. When information is added or removed from the main body, the sidebar text drops again. How could I stop this from occurring?


Just because I am dealing with Canadian Copyright laws and their web site, I will state that I did not use any of their code, images, text, or anything whatsoever on any site of mine, nor did I republish anything whatsoever from their site. This was purely experimental for my own personal learning interests, and the code no longer exists on my computer.

I think you're looking for valign="top". See TD - Table Data Cell in our HTML 4 reference.

That worked! Thank you.