SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    AdCaliber Magic2K2's Avatar
    Join Date
    Nov 2001
    Location
    Northern Virginia
    Posts
    496
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Side by side tables in Firefox

    EDIT: Nevermind, I fixed it. If you are ever having problems floating tables in Firefox, make sure you use both float and clear attributes.

    So,

    float:right;
    clear:right;

    Using just float might cause problems. It did for me



    I'm having trouble getting Firefox to listen to me

    I am trying to have two tables next to each other, then with another table below it. Firefox doesn't want to allow the bottom table to display at the proper width or normal location. Probably best shown with an example:

    http://www.hoopsavenue.com/nba/playe...-Randolph.html

    As you can see, the "Next 5 Games" table is being pushed to the right and jammed underneath the ad when it should display as the "Last 5 Games" table displays. I don't understand the problem since the table has a class of "wide" which means width 95%.

    My homepage is also a mess in Firefox for the same reasons if anyone wants to look: http://www.hoopsavenue.com

    Thanks.
    Last edited by Magic2K2; Aug 18, 2004 at 17:05.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,481
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You only need to use clear when you want to clear something.

    Normally elements will just float side by side. If the elements are different sizes then the float will float as far as it can to the designated side to allow it to fit.

    This means that a float at the end of one line will drop down to find space but won't automatically start a whole new line of floats if there is room under another smaller height float.

    To make a float avoid other floats then you use the clear property.

    Paul


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •