Unwanted white space between divs - IE6 vs NN and Opera

[Tony T]

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]

On Tue, 26 Oct 2004 17:47:55 +0000 (UTC), "Tony T"
<bo**********@yahoo.co.uk> wrote:

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
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.
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

..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

[Neal]

On Tue, 26 Oct 2004 17:47:55 +0000 (UTC), Tony T
<bo**********@yahoo.co.uk> wrote:

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

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.

[Tony T]

"Tony T" <bo**********@yahoo.co.uk> wrote in message
news:cl**********@sparta.btinternet.com...

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, 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

[Neal]

On Wed, 27 Oct 2004 08:12:28 +0000 (UTC), Tony T
<bo**********@yahoo.co.uk> wrote:

Anyway, love you both (or, if your British, a firm
manly handshake to you).

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

[Tony T]

"Neal" <ne*****@yahoo.com> wrote in message
news:op**************@news.individual.net...

On Wed, 27 Oct 2004 08:12:28 +0000 (UTC), Tony T
<bo**********@yahoo.co.uk> wrote:

Anyway, love you both (or, if your British, a firm
manly handshake to you).

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

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

[Christoph Paeper]

Neal <ne*****@yahoo.com>:

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

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.