Hi.... hello....I am an Interactive Multimedia design student...havn't that much experience with CSS and I am having a go at doing my first site for a client....the problem is that with the layout in the pages when I put content into the various pages differing on each page....the layout columns at the bottom of the pages are not equal as in on each page the length of the columns are diiferent on the different pages.... the left column...middle column...right column.....on different pages are different lengths.....tried adjusting the top:200px; rule which did work at the bottom of the column but shifted the position at the top.....the link to my site is.... http://ijsr32.infj.ulst.ac.uk/~10300205/index.html........portfolio page........current work link ( FIREFOX ) If anyone can help would appreciate it a lot!!!!!! Mike feel free to use the links on my web site for your own use......
Not quite sure what your problem is, but I'm assuming you have trouble getting each column to extend all the way to the bottom? If that's the case, have a look at this page, it should give you CSS based layouts which you can use as a template for creating multi-column websites. http://www.code-sucks.com/css layouts/faux-css-layouts/ In case you need more resources, you can always Google what you need. The issue above is referred to above as "Fluid CSS Layouts" or "Faux Columns" or "Multi Column CSS", etc. If you google these terms, you'll find your answer. Google is your best friend.
And the reason why the columns are all different lengths would have to do with the default property height: auto... that is, unless you state a height, the div lengthens only enough to contain all the text (or whatever's in there). More text/stuff, longer columns.