funny table stretching in opera! help?

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Angry Jew Cat - Banned for Life
    (felis madjewicus)
    • Jul 2006
    • 20368
    #1

    funny table stretching in opera! help?

    ok take a look at http://www.lubrikate.com in IE vs. Opera. For some reason all my tables stretch out funny. does anyone know what i can do to fix this so the format is the same as it appears in IE?

    Anyone in firefox give me a report on how it looks in FF?
    Tags: None
    • aidantrent
      beep
      • Nov 2005
      • 236
      #2
      I'm betting it's the 'width="100&#37;"' in all of those nested tables. Strictly speaking, that means they should be the as wide as the <body> element. IE has never respected that, and Firefox's Almost-standards mode will behave the same as IE (your DOCTYPE of XHTML Transitional triggers almost-standards mode, if you change that to XHTML Strict Firefox will probably stretch out the tables as well).

      Since your main layout table has a fixed width, I'd just change the nested tables to also have fixed widths.
      JustPicsPlease - Search millions of porn pics
      (Or thousands of porn tubes, if that's your style.)

      Both sites are desktop- and mobile-friendly.

        Comment

        • schneemann
          Confirmed User
          • Oct 2006
          • 749
          #3
          Originally posted by aidantrent
          I'm betting it's the 'width="100%"' in all of those nested tables. Strictly speaking, that means they should be the as wide as the <body> element.
          That's not correct.
          It means it should be as wide as the space provided to it by its containing element.
          Deranged World

            Comment

            • schneemann
              Confirmed User
              • Oct 2006
              • 749
              #4
              Originally posted by ismokeblunts
              ok take a look at http://www.lubrikate.com in IE vs. Opera. For some reason all my tables stretch out funny. does anyone know what i can do to fix this so the format is the same as it appears in IE?

              Anyone in firefox give me a report on how it looks in FF?
              It looks fine in FF.
              At any rate, the first step you should always use in determining rendering problems is make sure the markup is valid.
              http://validator.w3.org/check?uri=ht...brikate.com%2F

              From a practical standpoint, you can never determine what a problem like this is unless you've ensured that it isn't your fault. The only way to do that is to validate. Only then can you chase down browser bugs.
              Deranged World

                Comment

                • Domain Distribution
                  Ask me about negative cash flow
                  • May 2006
                  • 539
                  #5
                  Dude uhm. maybe it's time you stop.
                  Artifical Intelligence AIM Bot ~ $199.00
                  [email protected]
                  238102273

                    Comment

                    • aidantrent
                      beep
                      • Nov 2005
                      • 236
                      #6
                      Originally posted by schneemann
                      That's not correct.
                      It means it should be as wide as the space provided to it by its containing element.
                      That's a popular misconception, largely because IE treats table widths exactly as you described. According to the W3C, however:

                      width = length [CN]
                      This attribute specifies the desired width of the entire table and is intended for visual user agents. When the value is a percentage value, the value is relative to the user agent's available horizontal space. In the absence of any width specification, table width is determined by the user agent.
                      http://www.w3.org/TR/html401/struct/tables.html

                      Mozilla implemented an 'Almost-Standards' mode to compensate for this and a few other bits which IE 6 still handled differently than the W3C recommendation, which is why this code looks fine in Firefox. I don't believe Opera made the same concessions, so it parses XHTML Transitional markup very strictly.
                      JustPicsPlease - Search millions of porn pics
                      (Or thousands of porn tubes, if that's your style.)

                      Both sites are desktop- and mobile-friendly.

                        Comment

                        Previous template Next
                        Working...