CSS/Div Help

[SmileUK]

How do I get a div to appear in a certain place on the page.
Such as

.main {
    width: 500px;
    float: 200px;
}

<div class="main">Main Content</div>

This doesn't work by the way.

So I want it to appear 200px in from the side, but I don't know how to do this, any help please.

[Colin-Roberts]

margin-left:200px;

[SmileUK]

Doesn't really matter now because it is tottally different in IE and in FF.

Cheers for the help though.

[RedCrisps]

i would use the space bar :]

[RYANNNNN]

You can't use the space bar because only 1 space would be counted...

It's happened because you are using float: 200px;

You can only use float: left or right;

[RedCrisps]

 
so yah :]

[Decode]

use;

margin-left: 200px;

or

body {padding-left: 200px;}

[craigg.]

How do I get a div to appear in a certain place on the page.
Such as

.main {
    width: 500px;
    float: 200px;
}

<div class="main">Main Content</div>

This doesn't work by the way.

So I want it to appear 200px in from the side, but I don't know how to do this, any help please.

Have a try with:

// CSS Code
.main {width: 500px;     float: left;     margin-left: 200px;}

<!-- HTML Code -->
<div class="main"> Floating left with 200px margin! Possibly add padding?</div>

Great to see someone expanding their knowledge.

[RYANNNNN]

Just a tip to the OP, main is only usually used once, so use an id, #main { } and <div id="main"> etc.

[craigg.]

Classes can be applied more than once, ID's cant. (Just to clarify what Ryan had said)