Body with Padding for an App

I am trying to learn CSS and am building an app in HTML with no scrolling. I'm taking many tutorials on CSS but am having a problem that feels almost embarrassing. I have a blue background and a white rectangular body, and I want the white body to have even spacing on all sides. I only have a header and a body in the DOM. The CSS file is pulled in externally. Here is my CSS, this is the best I've gotten so far:

html, body{

CSS positioning help

Hello everyone,

I'm working on an HTML/CSS portoflio website for my exam project and I'm facing some trouble with positioning of the different elements.

First of all, here's the site: (validates fine except for CSS3)

I want the #footer to position 20px below the #main-content-wrapper but since I've had difficulties with that using absolute/relative positioning I'm now positioning the footer elements with margin-top on the individual pages.

I'm only testing in Firefox/Safari/Chrome, latest versions.

Any suggestions?


Kraft CSS Framework -Redefining the way of CSS Coding

Download the Framework

You can download the framework from
[snip link--provide plain text version. not everyone has a safe environment in which to open untrusted zip files. ~gt]

You can download and use the framework freely in your own projects.

But don't forget to provide your feedback !!

Continue reading this thread to learn about how this framework works!!

What is this thread about?

unwanted margin to left of nab bar

Okey doke... here's a strange one for anyone whose interested:

I have a nab bar that seems to be aligned about 40px from the left of the window. But I can't figure out why its doing it! Here is a pic of it:

The only thing is, I really want to ensure that as you reduce the size of the window, all the buttons on the nav bar bunch up to remain on screen, as in the following pic:

Here is my code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Added Padding or soomething with IE7.. please help

Its best to just show you the issue.. if you goto the link below in Firefox and then view it in IE you see the extra white space which has been added to the Right of the right CSS column/area.. i have ripped aprt my coding for that page trying to find the issue, but in this case i just cant seem to figure it out.. any help would be appreciated..

heres the CSS for those two columns (some of it is attempts to fix the issue.. hence some of the slop)

#WineMidTextArea {
float: right;
width: 543px;
height: 585px;

Syndicate content