1 reply [Last post]
asteer
Offline
newbie
florida
Last seen: 14 years 51 weeks ago
florida
Joined: 2007-01-31
Posts: 1
Points: 0

I would really appreciate any help - I am working on a site -
http://www.canadianmasternational.ca/index2007.html - there are 3 images across the top [left logo, center title, right logo] then a nav bar and 3 cols [left & right should have background repeating vertically to match teh center column which has the content] Ideally I would like a footer underneath with web info, etc.
I cannot get teh left and right column backgrounds to repeat to match teh center.
What is wrong please?
Here is relevant part of css and beginning part of html - please disregard all teh code for the nav bar

#pagecontainer { background-repeat: repeat; margin: -10px auto auto; width: 100%; } #top { background-repeat: no-repeat; background-position: center; left: 8%; top: 10px; right: 8%; margin-top: 10px; } #leftcol { float: left; width: 120px; background-image: url(images/havoc_green_tile.jpg); background-repeat: repeat; height: auto; } #rightcol { background-image: url(images/havoc_green_tile.jpg); background-repeat: repeat; float: right; width: 120px; } #content { background-color: #af9f80; margin-right: 120px; margin-left: 120px; }

#leftcoltop {
float: left;
width: 120px;
background-color: #FFFFFF;
height: 120px;
padding-bottom: 30px;
padding-top: 10px;
vertical-align: bottom;
left: 10px;
padding-right: 10px;
}
#rightcoltop {
background-repeat: repeat;
float: right;
width: 120px;
background-color: #FFFFFF;
height: 120px;
padding-bottom: 2px;
margin-top: 10px;
margin-bottom: 30px;
border-top-width: 10px;
border-bottom-width: 20px;
top: 10px;
}
#contenttop {
margin-right: 120px;
margin-left: 120px;
background-color: #FFFFFF;
padding-bottom: 30px;
height: 120px;
padding-top: 10px;
}

#footer {
background-color: #CC3300;
clear: both;
}
-->

mod edit/<code> tags added/tph

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 49 weeks 6 hours ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

You have no Doctype

You have no Doctype declaration - puts all browsers in "quirks" rendering mode. First you must have a Doctype declaration to put browsers in "standards" rendering mode or the look of your page will be different in different browsers, particularly in Internet Explorer. And indeed your page looks significantly different in IE.

You have a lot of invalid html, as well. CSS requires, and is predicated upon, valid html or xhtml. Without that you have no reason to expect that any given CSS rule will do anything in particular.

There are messages in the Howto forum that will show you how to do this. The sticky messages at the top of each forum are there for a reason - you are supposed to read and understand them before you post.

Given the messy state of your page I am not going to try to suss out the exact problem you are complaining about. Get it a Doctype and get it valid.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.