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: www.kristianmaar.dk/portfolio (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?

//Maar

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: http://tinypic.com/view.php?pic=ogxr3o&s=5

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:
http://tinypic.com/view.php?pic=2qb8a39&s=5

Here is my code:

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

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..

http://www.jonclosedesigns.com/pulcinella/winelist.cfm

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.

Syndicate content