Span and div differences in Fx (or making colums with div's)

**gorilla** · 12:55 PM

Good afternoon, everyone!
I want to make my page css based, and not table-based.
Now the biggest problem I ran into is that I can't make columns.
Div's are always aligned one under the other.
So I thought here should be used <span> tag. In IE it's ok. (I hardly ever make anything that looks bad in IE and looks good in Firefox. Strange. Most people say the opposite.)
With Fx i get some very weird results when I try to resize spans and give them a background image. Somehow not the whole content has the background.
With tables this is the layout that I want:

HTML Code:

  <table border=2>
    <tr>
      <td colspan=2>
        text1
      </td>
      <td rowspan=2>
        text2
      </td>
    </tr>  
    <tr>
      <td>
        text3
      </td>  
      <td>
        text4
      </td>
    </tr>
  </table>

Any help is appreciated! Many thanks!

**Smoking Man** · 04-02-2006, 02:23 PM

You will need to use <div>'s with floats to get your columns lined up side by side. Here's a good site to help walk you through and understand it.

**gorilla** · 04-02-2006, 04:19 PM

Hm, I can't say I understand... div floats? I tried to apply the css property "float:right" but the line-break remains. I don't want to use absolute positioning but that's the only thing which works for me...
I think I will make it with the table method... It's way more logical to me... Colspans and rowspans are easy to use easy to read and works the same way in all the browsers... CSS is for me some loose thing, you can't really be sure about the result, tables are always firm and solid... By the way, if someone can convince me that div's are better to use here, I will use them...