moving a html page down and to the right! how?

[dor1979]

hi,
all i want to know is how i can use css to move all my html pages to the left 50 pixels and down 100 pixels?
(so to leave room for a javascript menu, at the moment the menu goes over the text)

 

[dwarfthrower]

<div id=&quot;mainContent&quot; style=&quot;position:absolute; left:50px; top:100px;&quot;><!--Main Content Goes Here --></div>

 

[dor1979]

cheers, but
i have many html files with php in them. So i have a seperate css file. I hope to use this file to move all my text to the right of my menu. Could i use position:absolute in my css file to move all the things in the body?

Correct me if i am wrong but u would put this at the top of every html file:<div id=&quot;mainContent&quot; style=&quot;position:absolute; left:50px; top:100px;&quot;><!--Main Content Goes Here --></div>

 

[dwarfthrower]

Well, I'd perhaps put a global style declaration in my stylesheet. say

.mainBody {position:absolute;
           left:50px;
           top:100px;
          }

Then at the top of the body:

<div class=&quot;mainBody&quot;>

Then the rest of the body content.

Then before the </body> tag:

</div>