2 column IE issue

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • skim1114@gmail.com

    2 column IE issue

    Here is the site I'm working out:


    It looks fine most everywhere but in IE on a pc.

    I have colored the two columns some hideous color, but it makes it easy
    to see the DIVs.

    I am still working out the kinks of doing layout in css, so it's a
    little harder to problem solve.

    It looks like the right column is being wrapped or something. I'm not
    sure what could fix this.

    Any info, much appreciated.

    Thanks

  • AndrewF

    #2
    Re: 2 column IE issue

    Skim,

    I think most of the issue is to do with the line-height that you've
    used which is causing overlap of the two lines.

    In IE if you click and drag over the bottom of the two lines then you
    can see that the top of the space is cutting up into the bottom of the
    top line. I've seen this happen a lot when using line height in PCIE.

    Also I notice that you haven't really used much structural HTML to make
    your text work for you easily.

    For example those lists should really be <ul>'s across the board and
    the title we are talking about with the wrapping should be an H tag of
    some description. I daresay that changing this from being a random bit
    of text to an H tag with everything that comes along with that may help
    resolve some of this as it won't be subject to the P definitions from
    further up your style sheet.

    Cheers
    AndrewF

    Comment

    • skim1114@gmail.com

      #3
      Re: 2 column IE issue

      Thanks for the response. Everyone always seems to dislike my
      line-height assignment but I always use this and it's never a problem.

      I used the coding from this website instead of what I had done. It is
      very well organized:


      So for anyone who is looking for a similar resource...that 's it.
      s.



      AndrewF wrote:
      Skim,
      >
      I think most of the issue is to do with the line-height that you've
      used which is causing overlap of the two lines.
      >
      In IE if you click and drag over the bottom of the two lines then you
      can see that the top of the space is cutting up into the bottom of the
      top line. I've seen this happen a lot when using line height in PCIE.
      >
      Also I notice that you haven't really used much structural HTML to make
      your text work for you easily.
      >
      For example those lists should really be <ul>'s across the board and
      the title we are talking about with the wrapping should be an H tag of
      some description. I daresay that changing this from being a random bit
      of text to an H tag with everything that comes along with that may help
      resolve some of this as it won't be subject to the P definitions from
      further up your style sheet.
      >
      Cheers
      AndrewF

      Comment

      Working...