How do you layout HTML without tables and without floats?

I've heard not to use tables to layout HTML unless displaying tabular data that lends itself to tables. I've spent a day working through float tutorials and learning about floats only to learn that just about everything I do with a float looks different in IE and FF2. So, my question is, how do you layout HTML without using tables and without using floats?

Public Comments

  1. you can use layer something like this LAYER 1 ON TOP: <div style="position:relative; font-size:50px; z-index:2;">LAYER 1</div> <div style="position:relative; top:-50; left:5; color:red; font-size:80px; z-index:1">LAYER 2</div> LAYER 2 ON TOP: <div style="position:relative; font-size:50px; z-index:3;">LAYER 1</div> <div style="position:relative; top:-50; left:5; color:red; font-size:80px; z-index:4">LAYER 2</div>
  2. Well, you'll have that. Do they display different in a not so bad way? Live with it. Otherwise, at the risk of condemnation by the web gods, use tables.
  3. you could use frames cod is <frameset> <frame name="name" id="name" margin=""> </fram> </frameset> you can have multiple frames in a frameset nd multiple framesets on a page framesets also cannot be used i u have body tags i frames are also useful <iframe> </iframe>
  4. you could also write two different versions of your site, one for each browser, and use a script to pick which one to use (use javascript, short and simple code for this)
Powered by Yahoo! Answers