Sliced Images Alignment problem in Internet Explorer 6.0

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • rupinderbatra
    New Member
    • Jun 2007
    • 17

    Sliced Images Alignment problem in Internet Explorer 6.0

    Hello Everyone,

    I am working on a website and while trying to make rounded corners, I used a header and footer with rounded corners and a div between them to contain the text.

    In Internet Explorer 7 and Firefox 2.0, it renders properly showing it all as a single rounded table. However, in IE 6.0, the middle div expands horizontally beyond the width of the header and footer.

    The page is hosted at http://www.cambiumfunds.com/fund_bom.html

    Appreciate if someone can have a look and suggest a solution.

    Thanks,
    Rupinder
  • drhowarddrfine
    Recognized Expert Expert
    • Sep 2006
    • 7434

    #2
    Validate your html and css for that list of errors. Don't make up tags that don't exist such as <layer>

    Comment

    • rupinderbatra
      New Member
      • Jun 2007
      • 17

      #3
      Originally posted by drhowarddrfine
      Validate your html and css for that list of errors. Don't make up tags that don't exist such as <layer>
      Hello,

      Thanks for your suggestion. I have verified the HTML file and I am not using any tags that does not exist. I am new at HTML and CSS, so not able to figure out the reason. Appreciate if someone can help me with this problem.

      Thanks,
      Rupinder

      Comment

      • drhowarddrfine
        Recognized Expert Expert
        • Sep 2006
        • 7434

        #4
        Well, you are using a <layer> tag and there is no such thing. You also have end tags for elements that have no start tag. Also, you may not be saving your markup in ascii because the validator can't even read your page now.

        If you don't know what the validator is, go to the subject under Articles above. The validator will give you your list of errors.

        Comment

        • rupinderbatra
          New Member
          • Jun 2007
          • 17

          #5
          Originally posted by drhowarddrfine
          Well, you are using a <layer> tag and there is no such thing. You also have end tags for elements that have no start tag. Also, you may not be saving your markup in ascii because the validator can't even read your page now.

          If you don't know what the validator is, go to the subject under Articles above. The validator will give you your list of errors.
          Hi,
          I guess that <layer> tag is being inserted by the GoDaddy's free hosting service. In my original code, there is not <layer> tag.

          Thanks,
          Rupinder

          Comment

          • baysoftdan
            New Member
            • Oct 2007
            • 3

            #6
            If you're using .NET, try this http://www.baysoftsoftware.co.uk/dow...undedPanel.zip

            Originally posted by rupinderbatra
            Hello Everyone,

            I am working on a website and while trying to make rounded corners, I used a header and footer with rounded corners and a div between them to contain the text.

            In Internet Explorer 7 and Firefox 2.0, it renders properly showing it all as a single rounded table. However, in IE 6.0, the middle div expands horizontally beyond the width of the header and footer.

            The page is hosted at http://www.cambiumfunds.com/fund_bom.html

            Appreciate if someone can have a look and suggest a solution.

            Thanks,
            Rupinder

            Comment

            • baysoftdan
              New Member
              • Oct 2007
              • 3

              #7
              There is a much improved version of our free rounded panel control for .NET available at http://www.roundedpanel.baysoft-net.co.uk. You can try the control there, and also check out our free Captcha control!

              Comment

              Working...