Unwanted white space between divs - IE6 vs NN and Opera

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Tony T

    Unwanted white space between divs - IE6 vs NN and Opera

    Can anyone help me with this - it may be obvious, but I just can't see it.

    I'm working with PC and WinME. In IE6, the two divs inside the wrapping div
    have no space between them, which is how I want it to be, but in NN6.2 and
    Opera7.11 there's a gap between them. I've tried all the fixes I can think
    of, but can't get it to work. Any help would be much appreciated.

    Pared-down example: http://www.tonyturton.com/test/styletest.html
    stylesheet: http://www.tonyturton.com/test/styletest.css

    TIA

    --
    Tony T
    In email address NNNN = 7 x 643



  • Steve Pugh

    #2
    Re: Unwanted white space between divs - IE6 vs NN and Opera

    On Tue, 26 Oct 2004 17:47:55 +0000 (UTC), "Tony T"
    <bofNNNN-news@yahoo.co.u k> wrote:
    [color=blue]
    >Can anyone help me with this - it may be obvious, but I just can't see it.
    >
    >I'm working with PC and WinME. In IE6, the two divs inside the wrapping div
    >have no space between them, which is how I want it to be, but in NN6.2 and
    >Opera7.11[/color]

    Those are a couple of years old. Netscape 7.2 and Opera 7.54 are the
    latest versions. However, the problem you describe is still present.
    [color=blue]
    > there's a gap between them. I've tried all the fixes I can think
    >of, but can't get it to work. Any help would be much appreciated.
    >
    >Pared-down example: http://www.tonyturton.com/test/styletest.html
    >stylesheet: http://www.tonyturton.com/test/styletest.css[/color]

    ..leftpara {
    margin-bottom: 10px;

    Due to margin collapsing the margin of the <p> actually moves outside
    the containing <div> and causes your gap. This is correct behaviour as
    per the CSS spec - IE is getting it wrong.
    Change margin-bottom: 10px; to padding-bottom: 10px; and all will be
    well.

    Steve

    Comment

    • Neal

      #3
      Re: Unwanted white space between divs - IE6 vs NN and Opera

      On Tue, 26 Oct 2004 17:47:55 +0000 (UTC), Tony T
      <bofNNNN-news@yahoo.co.u k> wrote:
      [color=blue]
      > Can anyone help me with this - it may be obvious, but I just can't see
      > it.
      >
      > I'm working with PC and WinME. In IE6, the two divs inside the wrapping
      > div
      > have no space between them, which is how I want it to be, but in NN6.2
      > and
      > Opera7.11 there's a gap between them. I've tried all the fixes I can
      > think
      > of, but can't get it to work. Any help would be much appreciated.
      >
      > Pared-down example: http://www.tonyturton.com/test/styletest.html
      > stylesheet: http://www.tonyturton.com/test/styletest.css[/color]

      I see a gap in IE6 when using larger text.

      The paragraph element at the end of the first div is causing the problem.
      Set it to

      margin-bottom: 0; padding-bottom: 1em;

      and see what happens.

      Comment

      • Tony T

        #4
        Re: Unwanted white space between divs - IE6 vs NN and Opera


        "Tony T" <bofNNNN-news@yahoo.co.u k> wrote in message
        news:clm2kb$bu5 $1@sparta.btint ernet.com...[color=blue]
        > Can anyone help me with this - it may be obvious, but I just can't see it.
        >
        > I'm working with PC and WinME. In IE6, the two divs inside the wrapping[/color]
        div[color=blue]
        > have no space between them, which is how I want it to be, but in NN6.2 and
        > Opera7.11 there's a gap between them. I've tried all the fixes I can think
        > of, but can't get it to work. Any help would be much appreciated.
        >
        > Pared-down example: http://www.tonyturton.com/test/styletest.html
        > stylesheet: http://www.tonyturton.com/test/styletest.css
        >
        > TIA
        >
        > --
        > Tony T
        > In email address NNNN = 7 x 643
        >
        >
        >[/color]

        Steve, Neal - thanks guys, the tweak works fine. I'll have to go back and
        try to really understand the margin collapse thing - must admit I've rather
        ignored it 'til now. Anyway, love you both (or, if your British, a firm
        manly handshake to you).

        TT


        Comment

        • Neal

          #5
          Re: Unwanted white space between divs - IE6 vs NN and Opera

          On Wed, 27 Oct 2004 08:12:28 +0000 (UTC), Tony T
          <bofNNNN-news@yahoo.co.u k> wrote:
          [color=blue]
          > Anyway, love you both (or, if your British, a firm
          > manly handshake to you).[/color]

          I'm American - how 'bout a Go Red Sox?

          Comment

          • Tony T

            #6
            Re: OT


            "Neal" <neal413@yahoo. com> wrote in message
            news:opsgjbb7ri 6v6656@news.ind ividual.net...[color=blue]
            > On Wed, 27 Oct 2004 08:12:28 +0000 (UTC), Tony T
            > <bofNNNN-news@yahoo.co.u k> wrote:
            >[color=green]
            > > Anyway, love you both (or, if your British, a firm
            > > manly handshake to you).[/color]
            >
            > I'm American - how 'bout a Go Red Sox?[/color]

            Saw them play once, back in 86 I think it was.


            Comment

            • Christoph Paeper

              #7
              Re: Unwanted white space between divs - IE6 vs NN and Opera

              Neal <neal413@yahoo. com>:[color=blue]
              >
              > I'm American - how 'bout a Go Red Sox?[/color]

              I don't know what that means (sports, politics?), but it's an anagram of
              'God or Sex'---truly American indeed.

              --
              Axl Rose gives an even better anagram.

              Comment

              Working...