Need help converting 2 column table to CSS

Discussion in 'HTML & Website Design' started by mk484, Feb 6, 2010.

  1. #1
    Hi everyone,

    I have a 2 column (actually 3 column) table on my forum, which I used to place my adsense code in. I would like to convert this table to CSS. It seems like the tables look fine in most browsers (IE, Safari, and FF), but looks like crap on BlackBerry and Droid cell phone browsers.

    Can someone please provide me with the CSS code needed to achieve the same look where I am currently using a table?

    If you need to see the actual forum, click on the MEGA Sports Fans link in my signature, and then click on the enter forum button.

    Thank in advance for any help.

    Marc
     
    mk484, Feb 6, 2010 IP
  2. rhewitt

    rhewitt Member

    Messages:
    113
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    30
    #2
    I didn't take a look at the actual form, but two column layout can be achieved using the CSS float property. e.g.

    You'll want to add a bit of padding and/or margin in too. Also, don't forget to use clear:both at some point, otherwise content underneath could get messed up.
     
    rhewitt, Feb 6, 2010 IP
  3. mk484

    mk484 Active Member

    Messages:
    144
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #3
    I tried to use float left and float right, but the boxes were spread pretty far apart. Even with the padding, I couldn't get them close together.

    I'm not sure what you mean here.

    Thanks
     
    mk484, Feb 6, 2010 IP