Question

Can you look at table 7 in this page? http://www.gpahesapla.com/index.php?/functions/calculator

why does table 7 not float on left? It floats on left if i add a row in table 6. There should be two tables in a row always.

(To see tables plz select school: duglus; Faculty: Engneering; Department: Electronics

Moreover if anyone want to comment on GPA Box. It does not work in IE8 (may be fixed property does not work in IE8)

Answer 1

Table 5 is floated left, and Table 6 is shorter than Table 5. So this leaves a little bit of room for Table 7 to squeeze below Table 6. To fix this, just make sure to clear the float on your odd-numbered tables….

#table1, #table3, #table5, #table7 {
  clear: left;
}

A cleaner, more dynamic selector would use the nth-child pseudo-selector in combination with odd, but be aware this is part of CSS3 and therefore will not be fully supported by older browsers…

#tables table:nth-child(odd) {
  clear: left;
}