<h2> and <p> Padding Problems with 2 Column Layout - Please Read Inside

|| name | slim <slim (AT) antiCorp (DOT) invalid> | message |

| news:Xns94E6ED2934B84slimantiCorp (AT) 38 (DOT) 144.126.79: ||

<snip>

woop! thanks - that worked great...

however, i now have the same problem i had before in opera where it
adds a gap between the horizontal navigation bar and the left hand
column.

i think i fixed this by adding the margin:0; to the <h1> element but
it doesn't seem to work now i've altered as above.

sorry to be a pain in the arse, but any ideas why?

thanks
--
slim

in fact, it all seems to have gone a bit wrong: the left hand column no
longer reaches the bottom of the page and the red dashed border becomes
solid lower down (not that it really matters as it won't be there once
debugged).

drat! :/
--
slim

|| name | Neal <neal413 (AT) yahoo (DOT) com> | message |

| newspr7uv89gy6v6656 (AT) news (DOT) individual.net: ||

On 11 May 2004 22:16:28 GMT, slim <slim (AT) antiCorp (DOT) invalid> wrote:


however, i now have the same problem i had before in opera where it
adds a gap between the horizontal navigation bar and the left hand
column.

Right. Change the whole margin rule to:


margin: 0 1em 1em 11em;

and see what that'll do. (The shortcut goes clockwise to all sides
starting at the top.) This should return the top margin to what it was
like before.

thanks for all your help, i just fixed it another way - it was just me
being stupid i think. i've uploaded the changed page now

now i've just got to figure out why the left column doesn't meet the
bottom of the page anymore, and i'm all set.

or maybe i just fixed the other stuff badly. it's late and i'm tired!

thanks again
--
slim

On 11 May 2004 22:20:59 GMT, slim <slim (AT) antiCorp (DOT) invalid> wrote:

in fact, it all seems to have gone a bit wrong: the left hand column no
longer reaches the bottom of the page and the red dashed border becomes
solid lower down (not that it really matters as it won't be there once
debugged).

drat! :/

Drat indeed.

I didn't want to do this, but return to what you had before, getting the
left column back to 100%. No margins or padding. Then add a wrap div
around the "rightcol" div styled like this.

#contentwrap {
margin: 1em;
padding: 1em;
}

I've never encountered this before, but somehow the float div is being
affected by styles set to the other div, which is extremely weird.

On Tue, 11 May 2004 18:32:43 -0400, Neal <neal413 (AT) yahoo (DOT) com> wrote:

I didn't want to do this, but return to what you had before, getting the
left column back to 100%. No margins or padding. Then add a wrap div
around the "rightcol" div styled like this.

#contentwrap {
margin: 1em;
padding: 1em;
}

Scratch that, I am so off tonight.

Add no margin, just padding.

|| name | Neal <neal413 (AT) yahoo (DOT) com> | message |

| newspr7uxh2fu6v6656 (AT) news (DOT) individual.net: ||

On Tue, 11 May 2004 18:32:43 -0400, Neal <neal413 (AT) yahoo (DOT) com> wrote:

I didn't want to do this, but return to what you had before, getting
the left column back to 100%. No margins or padding. Then add a wrap
div around the "rightcol" div styled like this.

#contentwrap {
margin: 1em;
padding: 1em;
}

Scratch that, I am so off tonight.

Add no margin, just padding.

hmm. i think i've done what you asked, and it seems to look the same as i
had it after i modified it. but i'm not sure what you mean by "return to
what you had before" - do you mean 16% width for the left column again?

i have left it as 10em for now as i think i may have misinterpreted.

the left column still doesn't reach the floor of the page so i must be
doing something wrong.

i've added a green border to the container div that both columns are held
in. that just confused me further as ie6 displays the bottom border at
the foot of the page (though the left column doesn't reach it). whereas
opera7 displays the green border (roughly) at the bottom of the left
column, which may go some way to explaining why it's not reaching the
foot of the page.

i'm very confused right now...

thanks for the help
--
slim