Setting Body CSS with Javascript - please show me how

jenngra · May 23, 2006

Hi & Good evening - can someone please show me how to do this:

<body id=page_one style=margin:100>

PAGE CONTENT

</body>

<script> ..... I want to reset the <body> margin from 100 to 50 ....

How can this be done?

Best regards, Jennifer

Nik Coughlin · May 23, 2006

Hi & Good evening - can someone please show me how to do this:

<body id=page_one style=margin:100>
</body>
<script> ..... I want to reset the <body> margin from 100 to 50 ....

document.getElementById( "page_one" ).style.margin = "50px";

jenngra · May 23, 2006

Nik said:
document.getElementById( "page_one" ).style.margin = "50px";

May I ask one more question? In a scenerio like this:

<body id=page_one style=margin:100><object id=object_one
name=object_one data="test.htm" width="500"
height="500"></object></body>

How do I set the body margin from test.htm to 50? I thought your step
would work, but I am unsure how to call this. Thank you so much, Jenn

Nik Coughlin · May 23, 2006

May I ask one more question? In a scenerio like this:

<body id=page_one style=margin:100><object id=object_one
name=object_one data="test.htm" width="500"
height="500"></object></body>

How do I set the body margin from test.htm to 50? I thought your step
would work, but I am unsure how to call this. Thank you so much, Jenn

I don't know because I would never do it that way. Using the object element
to include one file in another doesn't work very well across browsers. Read
this for better ways to do the same thing, which should make your little
problem go away:
http://allmyfaqs.net/faq.pl?Include_one_file_in_another

Also there is a bit on that page about the issues with using object.

Neredbojias · May 23, 2006

To further the education of mankind, (e-mail address removed) vouchsafed:

Hi & Good evening - can someone please show me how to do this:

<body id=page_one style=margin:100>

PAGE CONTENT

</body>

<script> ..... I want to reset the <body> margin from 100 to 50 ....

How can this be done?

You don't need to id the body element (-and probably shouldn't):

document.body.style.margin="50px";

Also, with css styles, units must be included:

<body style="margin:100px;">

Toby Inkster · May 23, 2006

jenngra said:
<body id=page_one style=margin:100>

In CSS you *must* specify units (except for '0', because 0px is the same as
0mm which is the same as 0%). That is, use '100px', not just '100'.

(The only property where units are optional is 'line-height'.)

Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
Please Help?	0	Jul 23, 2022
Need assistance finetuning HTML, CSS, Javascript - sticky header issue	3	Feb 25, 2022
Help with some CSS	2	Mar 29, 2023
CSS: How can I stop overflow on the y-axis?	2	Dec 24, 2022
Trouble with css	4	Mar 20, 2020
Check forms With JavaScript	1	Mar 28, 2023
Show text on-click with transition	2	Feb 14, 2022

Setting Body CSS with Javascript - please show me how

jenngra

Nik Coughlin

jenngra

Nik Coughlin

Neredbojias

Toby Inkster

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads