What does this mean?, A bit of code Options

[xxANGExx]

CODE

<!-- begin code provided by createblog.com -->

<div id="content" style="margin-top: -363px; margin-left: 100; width: 460px; height:303px; margin-bottom: 0px; overflow: auto; filter: none;">

<!-- end code provided by createblog.com -->

This bit of code is just an example, it's from the SpongeBob skin that was recently released. Does this determine where the posts go, like the div box? And what do the variables mean? Such as margin-top, etc.

[ace]

ok, highlight over the ad. you know how there is a white space for the ad? well, that code is used to move the layout up over that whitespace. that's what the margin top for.

width= the width of the laytout
height= how high the layout
bottom= the layout will hugh the bottom...

sorry, i can't make it any clearer. ahah.

[natsumi]

o_o; it's uhmm forr positioning something. o_o;

[xxANGExx]

Thanks for the explanation ace. I still don't really get it though. I don't see a white space where the ad should be... And the height and width variables in that code aren't the dimensions of the layout so I'm a little confused still. Anyone?

[noobrice]

its to position the blog box content.. meaning the stuff you type and post.. it is put into a box and you can move it anywhere

[xxANGExx]

How come the margin-top and margin-left pixels are negative?

[lookitskim]

Ok, imagine this.. You're pulling on a rope. That's what's the negative is for.. you're just pulling it back and when u dont see the negative it's pushing it. ahhaha it's kinda corny but i hope that helps.

[DrNick311]

Well margin-top means that you're pushing it away from the top. But if it's negative, you're pushing it TOWARD the top. The same is true for margin-left.

[xxANGExx]

So the negative is used for covering the ad? Or just to move the box up, toward the top?

[i ami_am]

its just making the size of something

[queen]

CODE

<!-- begin code provided by createblog.com -->

<div id="content" style="margin-top: -363px; margin-left: 100; width: 460px; height:303px; margin-bottom: 0px; overflow: auto; filter: none;">

<!-- end code provided by createblog.com -->

translations:
div id="content" - name of layer is "content"
style=" - this is where you can input attributes for the layer
margin-top: -363px; - coordinates, this one specifies it will be negative363 pixels from the top margin
margin-left: 100; - specifies it will be 100 pixels from the left margin
width: 460px; - layer will be 460 pixels wide
height:303px; - layer will be 303 pixels long
margin-bottom: 0px; - this is useless, since the variable is 0, and height is already given
overflow: auto; - overflow specifies the scroll, in this case it's "auto", which means it will automatically scroll depending on how much content can be viewed in the layer
filter: none; - there is no filter.. some filters you may have seen are opacity changes, enabling things to be transparent
" - end quote.. just as style=" began the statement, this ends it.

hopefully that helped

[noobrice]

the margins top and left are to position the div box.. anything below the CUSTOM HEADER is POSITIVE... so to go over the custom header (which has your layout and stuff) you need to go negative.. get it? =)