Re: overlapping boxes

freemont wrote:
On Tue, 11 May 2010 18:52:39 -0500, Jenn writ:

freemont wrote:
On Tue, 11 May 2010 18:37:54 -0500, Jenn writ:

I found how to fix your code to work like it should when it's
resized.

Jesus... look at the page again with your edits. You removed any
padding from the main area of the page.

It looks like shit without any padding in there. Can't you see that?
See how the text runs up against the border?

I removed that because it was suggested to do so would fix the right
nav jumping to the bottom of the page when it's resized.

I don't know why that worked.. but it worked. <shrugs>

No, it didn't. It fouled up a major area of the page. That is not
"working".

To fix the formatting of the content text padding should be simple
enough without adding it to that particular style.

Where would you add it then? Maybe to a footer? Maybe that content
area needs a scrollbar or two. Never thought of that.

If you want to add padding this will work:


#article
{
border: green solid 1px;
width: 60%;
float:left;
border-collapse: collapse;
}

.article
{
margin: 0 auto 0 auto;
padding: 0 8px 0 8px;

}


<div id="article" class="article"> //add this class to this div

<h2>Lorem ipsum dolor sit amet</h2>
<p class="first">Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Nulla tincidunt porta nibh, sit amet placerat nisi cursus quis. In hac
.....</p>
<p>Integer tempus vestibulum nisi, eu vulputate ipsum tincidunt
dapibus. Sed id eros sapien. Praesent vulputate neque in elit adipiscing et
egestas velit ullamcorper. Nulla facilisi. Mauris adipiscing risus non lacus
ultricies interdum. Sed purus ....</p>

--
Jenn (from Oklahoma)


.

Relevant Pages