IE6 problems w/ borders and float

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Aaron C
    #1

    IE6 problems w/ borders and float

    Hi,

    I'm having IE6 problems with interpreting stylesheets, and I'm hoping
    someone could clarify a couple of things for me:

    First of all,page I'm testing can be viewed at
    http://dreamstreet.winlogical.com/asocc/index.cfm.
    The stylesheet can be viewed at
    http://dreamstreet.winlogical.com/as.../mainstyle.css.

    Here's the problem...
    When viewing the page in Firefox, everything is as expected. The text
    "Where can I find my Student ID?" has a 1px border on it's bottom which
    becomes 4px when hovered over. When you click on this, there is a
    heading that says "Instructio ns for finding your Student ID #" with an
    "[X]" floating to the right. This is the way it should be.

    When viewing in IE6, "Where can I find my Student ID?" had no border,
    neither normally nor when hovered over. This changes once the
    "Instructions.. ." link is clicked on (all of a sudden, the border shows
    up). Also, the "[X]" does not float to the right inside the heading as
    it should.

    Any help with this IE6 problem would be greatly appreciated.

    Thanks,
    Aaron
    Tags: None
    • Aaron C
      #2
      Re: IE6 problems w/ borders and float

      One more thing...just hit cancel on the dialog box that appears if you
      try to test the site. The admin there has it set up kinda funny.

      Aaron C wrote:[color=blue]
      > Hi,
      >
      > I'm having IE6 problems with interpreting stylesheets, and I'm hoping
      > someone could clarify a couple of things for me:
      >
      > First of all,page I'm testing can be viewed at
      > http://dreamstreet.winlogical.com/asocc/index.cfm.
      > The stylesheet can be viewed at
      > http://dreamstreet.winlogical.com/as.../mainstyle.css.
      >
      > Here's the problem...
      > When viewing the page in Firefox, everything is as expected. The text
      > "Where can I find my Student ID?" has a 1px border on it's bottom which
      > becomes 4px when hovered over. When you click on this, there is a
      > heading that says "Instructio ns for finding your Student ID #" with an
      > "[X]" floating to the right. This is the way it should be.
      >
      > When viewing in IE6, "Where can I find my Student ID?" had no border,
      > neither normally nor when hovered over. This changes once the
      > "Instructions.. ." link is clicked on (all of a sudden, the border shows
      > up). Also, the "[X]" does not float to the right inside the heading as
      > it should.
      >
      > Any help with this IE6 problem would be greatly appreciated.
      >
      > Thanks,
      > Aaron[/color]

        Comment

        • Aaron C
          #3
          Re: IE6 problems w/ borders and float

          Allright, I solved the float problem by using margin-left, but the
          border-bottom problem persists...any ideas?

          Aaron

          Aaron C wrote:[color=blue]
          > Hi,
          >
          > I'm having IE6 problems with interpreting stylesheets, and I'm hoping
          > someone could clarify a couple of things for me:
          >
          > First of all,page I'm testing can be viewed at
          > http://dreamstreet.winlogical.com/asocc/index.cfm.
          > The stylesheet can be viewed at
          > http://dreamstreet.winlogical.com/as.../mainstyle.css.
          >
          > Here's the problem...
          > When viewing the page in Firefox, everything is as expected. The text
          > "Where can I find my Student ID?" has a 1px border on it's bottom which
          > becomes 4px when hovered over. When you click on this, there is a
          > heading that says "Instructio ns for finding your Student ID #" with an
          > "[X]" floating to the right. This is the way it should be.
          >
          > When viewing in IE6, "Where can I find my Student ID?" had no border,
          > neither normally nor when hovered over. This changes once the
          > "Instructions.. ." link is clicked on (all of a sudden, the border shows
          > up). Also, the "[X]" does not float to the right inside the heading as
          > it should.
          >
          > Any help with this IE6 problem would be greatly appreciated.
          >
          > Thanks,
          > Aaron[/color]

            Comment

            • Jan Roland Eriksson
              #4
              Re: IE6 problems w/ borders and float

              On Sun, 05 Dec 2004 18:38:18 -0800, Aaron C <agchandler@com cast.net>
              wrote:
              [color=blue]
              >I'm having IE6 problems with interpreting stylesheets, and I'm hoping
              >someone could clarify a couple of things for me:
              >First of all,page I'm testing can be viewed at
              >http://dreamstreet.winlogical.com/asocc/index.cfm.
              >The stylesheet can be viewed at
              >http://dreamstreet.winlogical.com/as.../mainstyle.css.[/color]

              Your page needs to be adjusted quite a bit. There are some 25+ syntax
              errors in your markup that you may want to take care of before you go on
              to worry on why browsers behaves different.

              Your checkup tool is here...

              <http://valet.webthing. com/page/>

              And what's with those 180+ empty lines in front of your document prolog?
              You are not in any way "childish" enough to think that yo can "hide your
              source" that way, are you?

              --
              Rex



                Comment

                Previous template Next
                Working...