Hey there,

I am working on a website to replace the website for my mom's work, i have it (refuring to the design) all most looking the way i would like it to. Although i have run into a bit of an issue, i can not get the content to align in the right way.

If you go to http://199.195.140.104/testing/nsapples/ you can see that the side bar seems to over flow on to the content area. I have tried almost everything i know it must be simple. (ohh i have used two images, for the header/background) where you see that plus sign is going to be the logo.


the css is attached

I changed the values for textarea1 and content like this:


Note that you have to remove the margin:auto from the two entities, and both have to be floated. The width of the two and the paddings/margins have to be adjusted to give room for them to be side by side within your container div.

Hi there,

Thanks that's helped a bit, now the content area extends behind the sidebar, any ideas on how fix that so it does not extend into the sidebar?

Oops! My fault! I said 'content' in my post above, but copied the code for the 'container'.

The textarea1 code is correct, and here comes the content one:



Leave the container code as it was. (the red border was just an aide to see where I was on the page, I should have removed it before posting). You should now have the two text areas side by side. You can play with the margins/paddings and width until you get it the way you want.

But you'll probably see that the footer has jumped up to the right of the content. To get it down to the bottom you need a bit of css like this:



and some html like this:



Place that code immediately before the footer. You will now have your wee text 'This is a footer' at the bottom, at the far left, but that can be fixed when you style the footer and give it the same width as the container..

Well, I see that you have followed my suggestions (a 'thanks' would have been appreciated ).

But you still have the footer content up in the right corner, and that is due to the absolute positioning.

If I may suggest a bit more:
In the html:

Put in the forgotten end div for the clearfix.
Remove the <p> and </p> from the footer

Then use the following css for footer and footerright:



If you want to get rid of the blue border around the images for valid code, use the img class that I have suggested.

Well, all of this is provided the result is supposed to look like the one in the attachment.

However, if you want the two validation images to appear side by side and the footer bar accordingly thinner, just do some adjustmants to the width of the footerright (e.g. 180px) and also the padding-top (8px), and the height of the footer can be reduced to 45px.

Hey i finshed the site at 11 last night

And i forgot about it. There is no footer (but there was). Just going to leave it for now

Seems to me there's still a little something missing in this post, no...?

First post.

I'm afraid I may have confused you, Eric!
Maybe it's just a 'cultural difference', - or a generational one...?

Most likely the 'generation' one