CSS Site 1

[qtluvsjc]

Hi, I am new to CSS columns. I am designing a site that has to be all css, and I am trying to get two columns and beneath that three equal columns. It shows up okay in dreamweaver, however when I check out the page in Safari, Explorer, Firefox, and Opera, the third column is bumped down below the 1st and 2nd columns.

Here is the link for you to see what I'm talking about (right now I am only concerned with the column problem-it's a site in progress):

http://home.comcast.net/~tbldesigns/smc/index.html

If you look at the very last sentence on the bottom of the page, there is a link to a txt of my style sheet.

Can someone help me out? I am using Mac OSX.

Thanks a lot!

-T

 

[qtluvsjc]

I forgot to mention - I temporarily changed the width of the 3rd column to 100px to see if it would help, with no luck. Here is the css for those three items:

#lowercol1 {

float:left;
width:260;
}

#lowercol2 {

float:left;
width:260;
}

#lowercol3 {

float:left;
width:100;
}

 

[ethorn10]

i gave it a spin and added "px" to each of the lower div widths and it worked fine in both FF and IE7. see if that (perhaps overly) simple change fixes it.

#lowercol1 {

    float:left;
    width:260px;
    }    
    
#lowercol2 {
    
    float:left;
    width:260px;
    }
    
#lowercol3 {
    
    float:left;
    width:100px;
    }

 

[qtluvsjc]

Wow, it worked. Thank you!

 

[ethorn10]

glad that got it. thanks for the star!