Forum Moderators: not2easy

Message Too Old, No Replies

Browser display problems in everything other than IE!

css 'columns' jumping under one another

         

vicksm

10:06 am on Jun 28, 2005 (gmt 0)

10+ Year Member



Hi, I think I'm making a really elementary mistake which I just can't seem to locate. I've created a 2-column page (#contentleft and #contentright) within a frame for a newsletter which displays perfectly in IE, but in other browsers, the content of the right hand column jumps underneath the first, rather than lining up alongside it. Here's the bare bones of my css. I'm sure it's something really basic which I just haven't been able to see for looking. If anyone had any ideas, I'd be really grateful:

body {
text-align:center;
font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
color: #30150E;
}

#frame {
width:650px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
text-align:left;
border: 2px solid #30150E;
padding: 0;
}

#contentleft {
width:257px;
padding:6px;
float:left;
background:#fff;
}

#contentright {
width:357x;
padding:6px;
float:left;
background:#eee;
border-left: 1px solid #30150E;
}

ChadSEO

7:44 pm on Jun 28, 2005 (gmt 0)

10+ Year Member



Think I found the problem:

#contentright {
width:357x;

Should be

#contentright {
width:357px;

You're missing the "p" in "px".

vicksm

8:27 am on Jun 29, 2005 (gmt 0)

10+ Year Member



ChadSEO, you're an angel. Thank you so much. I thought it must be something that I simply wasn't seeing for looking.

Thanks again - you've sorted out a big headache for me.

Vicky