Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Web Development
  3. How can I make tables align in Opera & Firefox

How can I make tables align in Opera & Firefox

Scheduled Pinned Locked Moved Web Development
helpquestion
4 Posts 2 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • H Offline
    H Offline
    happyheartcs
    wrote on last edited by
    #1

    Hi All, I have a problem in Opera & Firefox.. I have to tables in my aspx page (actually they are two controls) and I want there bottoms to align with each other in the page so I added a row at the end of the table & set its height to 100% & this works fine in Internet Explorer but in other browsers it doesn't do anything and when I set the height in pixels rather than % the other browsers then see it but the height is dynamic & so I can't fix it in pixels.. So what should I do :(

    G 1 Reply Last reply
    0
    • H happyheartcs

      Hi All, I have a problem in Opera & Firefox.. I have to tables in my aspx page (actually they are two controls) and I want there bottoms to align with each other in the page so I added a row at the end of the table & set its height to 100% & this works fine in Internet Explorer but in other browsers it doesn't do anything and when I set the height in pixels rather than % the other browsers then see it but the height is dynamic & so I can't fix it in pixels.. So what should I do :(

      G Offline
      G Offline
      Guffa
      wrote on last edited by
      #2

      The reason that it only works in Internet Explorer is because you are using a non-standard attribute. According to the standard, a table row doesn't have any height attribute at all. A standard compliant browser should ignore the attribute as it has no specified meaning in the tag.

      --- single minded; short sighted; long gone;

      H 1 Reply Last reply
      0
      • G Guffa

        The reason that it only works in Internet Explorer is because you are using a non-standard attribute. According to the standard, a table row doesn't have any height attribute at all. A standard compliant browser should ignore the attribute as it has no specified meaning in the tag.

        --- single minded; short sighted; long gone;

        H Offline
        H Offline
        happyheartcs
        wrote on last edited by
        #3

        Hi Guffa, I also tried it in the style ( style="height: 100%" )in the TD & TR but all in vain.. So any idea what can solve this problem??

        G 1 Reply Last reply
        0
        • H happyheartcs

          Hi Guffa, I also tried it in the style ( style="height: 100%" )in the TD & TR but all in vain.. So any idea what can solve this problem??

          G Offline
          G Offline
          Guffa
          wrote on last edited by
          #4

          When you are setting the height of a table row in percent, it would be a percentage of the height of the parent object, which is the table in this case. Have you specified a height for the table? Otherwise there is no measurement to derive percentage from.

          --- single minded; short sighted; long gone;

          1 Reply Last reply
          0
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Categories
          • Recent
          • Tags
          • Popular
          • World
          • Users
          • Groups