This is driving me crazy!
Here's the page:
http://www.christyfulmer.com/portfolio.cfm
Click on the photos on the right to show the before/after shots on the
left - yea, they're too dark, I know. Waiting on new photos from the
client...
OK, it's works EXACTLY as expected in I.E. (which was a surprise!)
In Netscape and Firefox - SOMETIMES the 3rd column will drop below the
other two. SOMETIMES reloading the page will fix it. SOMETIMES it won't
and stays put like it should.
At this point, I narrowed the center column to be 100% SURE that all
three columns, including margins and padding, add up to less width than
the master container.
Here's the CSS that matters:
body {
text-align: center;
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin: 16px auto 16px auto;
padding: 0 0 0 0; }
#master {
position: relative;
display: table;
margin: 0 auto;
padding: 0 auto;
width: 700px;
border: 1px solid #CCCCCC; }
#col1 {
width: 200px;
float: left;
padding: 0;
margin: 10px 10px 10px 13px; }
#col2 {
width: 225px;
float: left;
text-align: left;
margin: 10px 0 10px 0;
padding: 0;
background-color: #B1953A; }
#col3 {
width: 205px;
float: right;
padding: 0;
margin: 10px 13px 10px 10px; }
OK, so what the heck is wrong here?
--
-----------
Les Mizzell
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
