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;

Styling Images inside Links

Hi all - this is my first post Smile

I am trying to improve my CSS, so would like to understand what's going on with a particular problem I was having on a site.
I have made a fix, but feel it's a sledgehammer approach.

Initially, the original HTML markup in question was just the series of 4 images, there was no problem.
I had a class applied to the images to style it with a border and drop-shadow and significantly, to give it some margin spacing between images.

Please Help! Trying to add a container and wrapper.

This is my first post, am pretty new to all this. Have been banging my head against a wall trying to get a border on the outside of my center page so that when it's open on different sized screens, iPad to large monitors the center stays the same size and the outside colour stretches out to fill the empty space.
I think that the center might have to go in a container and then add a wrapper?
Have been trying all sorts of things for days and no luck.
This is where I think I have to put the container and wrapper but nothing is working for me.

* {
	padding: 0;
	margin: 0

Syndicate content