Quick tableless CSS question

I have started using tableless CSS and am getting on really well with it, didnt realise it would be so simple. However I am trying to centre some content, which I have done just fine but the problem I am having is trying to set the 'top' position so it is displayed further down the page.

This is the code I am using at the moment:

#indexcontainer {
margin: 0 auto;
width: 650px;
text-align: left;
}

Any help would be great

If I understand your problem correctly, I believe you should just set a top margin to #indexcontainer. Like this:

#indexcontainer {
margin: 1px auto;
width: 650px;
text-align: left;
}

You can set the amount of px to whatever you want. You can also use em or % instead of px. I think you could also do it by adding position:relative; and top:insertanumberherepx; but I think the first way is simpler.

Ahh, simple really.

Thanks for that

Yeah, stuff like that is really easy if you just take a better look at the CSS2 Box model. It's pretty simple.

Thanks for the link... *bookmarks*

One other quick question, i have just created a style with a border, is there any way I can get inner 'cell space' like you can with tables?

Well, let's say you have a paragraph enclosed in a div with a border, like this:

HTML
CSS
You can either add padding to the div (parent element) or a margin (child element) to the paragraph. This article recommends adding a margin to the child element, which in this case is the paragraph.

Add this to your stylesheet:
I think this is what you mean by cell space. I assumed you were referring to the cellspacing attribute on the table element.

Still not quite sure how to do it, this is the code I am using:

#clientbar {
width: 638px;
text-align: left;
border: 1px solid #E3E3E3;
border-collapse: separate;
background-image: url(images/main/main-cbarbg.jpg);
height: 19px;
margin: 2px auto;
background-repeat: repeat-x;
background-position: center center;
}

In a way what i want is an extra 'inner' 1px border which is white, any way to do this?

noobish reply, but cant you just stick <center></center> in the html around it?

Thanks for the reply but that will not work, the background is set to repeat so I cannot set the background image at the correct size, and I also need this code for some other borders I am going to be using where there is a solid background and I will want whitespace between the border and the content.

any suggestions for the inner-border / padding??