Posted by 1995 Cobra on 09/08/06 12:26

Hello all, brand new to CSS thanks to some help from some folks in this
group so I'm likely making a rookie mistake. If you go to this link
http://www.pamschams.com/pc_beta2.asp there are essentially 3 columns
to make up the design. I'm posting my style sheet below. The site views
fine in Firefox and Safari, but I.E. puts the center column below the
left and right column. Any ideas? :

/* CSS Document */

body, input, textarea {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
color: black;
background-color: white;
margin: 0px;}

a:link {
color: #0066CC;
text-decoration: none;}

a:hover {
color: #009900;
text-decoration: underline;}

#holderback {
width: 100%;
background-color: #ff3399;
text-align: center;
padding: 0px;}

#holder {
margin-left: auto;
margin-right: auto;
width: 900px;
margin-top: 0px;
margin-bottom: 0px;}

#header {
width: 800px;
margin-top: 0px;
margin-left: 35px;
margin-right: 35px;
padding: 0px 15px;
border: 0px;
background-color: white;
height: 550px;
text-align: center;
margin-bottom: 0px;}

#left {
float: left;
background-image: url(images/index/leftbar.jpg);
background-repeat: no-repeat;
background-position: top right;
height: 550px;
margin-left: 0px;
width: 35px;
margin-top: 0px;
margin-bottom: 0px;}

#right {
float: right;
background-image: url(images/index/rightbar.jpg);
background-repeat: no-repeat;
background-position: top left;
height: 550px;
margin-right: 0px;
width: 35px;
margin-top: 0px;
margin-bottom: 0px;}

h3 {
font-size: 125%;
color:#FF3399;
text-align: left;}

blockquote {
text-align: left;}

#footerholder {
width: 100%;
margin-top: 0px;
padding-top: 10px;
text-align: center;
background-color: white;}

#footer {
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
padding: 0px;
border: 0px;
text-align: center;}

Thank you.

[Back to original message]