Please critique layout

[djpete]

I can't find the css style embedded in your doc for the rcol div...
class="textpadding .
<code>
<div id="rcol">
<p class="textpadding">Lorem ipsum dolor sit amet consectetuer nisl vitae porttitor id ut. Habitasse
In aliquam magna consectetuer Quisque lorem Nam et sapien et. Ut vitae ac venenatis malesuada id ipsum
nibh mattis Vestibulum orci.</p>
</div>
</code>

But it IS padding that div so it must be somewhere.
I think im going mad...

[djpete]

ok I took <p class="textpadding"> out and it made no difference so I presume that was left in by mistake?

But padding seems to be on all text but I cant see any left right padding on any styles. How did you do that?

I suspect it must be done here?

..............
h1,h2,h3,p{margin:0 .5em .5em; font-size:1.5em;}
h1{padding-top:.3em; margin-bottom:.15em}
h2{font-size:1.2em;}
h3{font-size:1.1em;}
p{font-size:1em;}

[djpete]

aha

h1,h2,h3,p{margin:0 .5em .5em; font-size:1.5em;}
h1{padding-top:.3em; margin-bottom:.15em}
h2{font-size:1.2em;}
h3{font-size:1.1em;}
p{font-size:1em;}

Its in the margins.
I see now. Of course its not padding the text. It's actually margining the text so that's why you used margin. All clear.

Now I just need this answered and I will understand all of your markup...

Can you explain a bit more why this was done?
overflow:hidden;/*contain inner floats*/
Even if I leave this out I still don't get any scrollbars etc so is this done to overcome an IE issue or something?

Thanks,
I'll be using this type of markup as my blueprint.
:-)

[djpete]

Got it.
Pls correct me if wrong.

You added overflow hidden in case a large pic is added so that it would not destroy the layout.
To test this I added a pic that was too wide and then changed overflow hidden to visible. YUK! Overflow hidden does what it says. Anything bigger than the container will be just that...HIDDEN.

Now I am 100% clear on it all.
I can use this knowing why.
:-)

[Smacksmacksmack]

Needs some more flashy images