How to set margin-left in IE w/Javascript

guywmustang

I basically have this....

<div id="page">
<div id="leftPane">
picture previews
</div>
<div id="Picture">
A picture here
</div>
</div>

I'm trying to do this in javascript

function setMargin()
{
document.getElementById("Picture").style.margin-left = "200px";
}

Except, that doesn't set the margin properly in IE. In FF & opera it
works fine.

Any ideas??? Thanks!

Aug 24 '06 #1

Subscribe Post Reply

54534

RobG

guywmustang wrote:
[...]

I'm trying to do this in javascript

function setMargin()
{
document.getElementById("Picture").style.margin-left = "200px";

document.getElementById("Picture").style.marginLef t = "200px";

<URL:
http://www.w3.org/TR/DOM-Level-2-Sty...ies-marginLeft

>

}

Except, that doesn't set the margin properly in IE. In FF & opera it
works fine.

Not for me - I get an error "invalid assignment left-hand side" as
expected.

--
Rob

Aug 24 '06 #2

guywmustang

Sorry.... my code actually says:

function setMargin()
{
document.getElementById("Picture").style.marginLef t = "200px";
}

And it still doesn't set properly for IE....

Aug 24 '06 #3

RobG

guywmustang wrote:

Sorry.... my code actually says:

function setMargin()
{
document.getElementById("Picture").style.marginLef t = "200px";
}

And it still doesn't set properly for IE....

Then there is something else in the 'real' page that is stopping it
from working in IE. I suggest posting to:

news:comp.infosystems.www.authoring.stylesheets
A link to the relevant page, or an example, will really help. As a
test, the following works in IE and Firefox at least:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<title>Margin play</title>
<div id="page">
<div id="leftPane">
picture previews
</div>
<div id="Picture">
A picture here
</div>
</div>
<p><input type="button" value="Indent div" onclick="
document.getElementById('Picture').style.marginLef t = '200px';
"></p>
--
Rob

Aug 24 '06 #4

The Magpie

guywmustang wrote:

>
[snip] Except, that doesn't set the margin properly in IE. In FF & opera it
works fine.

Any ideas??? Thanks!

Wouldn't this be far better done with CSS anyway? Or is CSS still not
reliable in IE?

Aug 26 '06 #5

Similar topics

unwanted margin betwen divs

by: Brian | last post by:

I have a page with content, navigation, and footer divs, in that order. The nav div has position: absolute, width 8em, on green background. The other divs have an 8em green left border, such that...

HTML / CSS

Child's top margin and parent's background

by: Thomas Mlynarczyk | last post by:

Hello, The following gives different results in IE and "Non-IE" browsers: <div style="background-color: green; width: 200px"> <div style="margin-top: 20px; background-color: red"> Hello...

HTML / CSS

margin-top on HR, DL with floated DDs

by: Marek Mänd | last post by:

I have question regarding (clearing) floats and margin-top on DL and HR elements. http://www.hot.ee/idaliiga/testcases/dl/language-chosing-selector.htm Namely the IE6 doesnt calculate the...

HTML / CSS

More on the root element and the initial containing block - vertical margin collapsing

by: Stanimir Stamenkov | last post by:

I'm trying to clear some sizing issues relative to the initial containing block and the root document element. The sample document I'm trying with: http://stanio.info/viewport_fill.html ...

HTML / CSS

'margin-top' Oddity

by: Cool Guy | last post by:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>test</title> </head> <body> <div style="height: 100px; width: 100px;...

HTML / CSS

CSS margin overriding problem

by: xen | last post by:

Hey there, In my html file I use a <div class="quote">. In my css file I define .quote I need to specify the margins for <pinside the <div> Today I learned that I can do this using ..quote p...

HTML / CSS

how to align label within margin of a panel?

by: Steve Richter | last post by:

I want my panel to have an inner margin. Problem is label text does not appear to recognize the margin. In this example, the TextBox aligns on the margin, the label does not: <asp:Panel...

ASP.NET

Default top and bottom margin disappear in IE7

by: GTalbot | last post by:

Hello fellow stylesheet colleagues, Load this url: http://www.gtalbot.org/BrowserBugsSection/DefaultTopBottomMarginsForPargDisappear.html I would appreciate it if someone could explain 1-...

HTML / CSS

Default top and bottom margin disappear in IE7: why

by: GTalbot | last post by:

www.authoring.html] Hello fellow HTML and markup coder colleagues, Please visit this url: http://www.gtalbot.org/BrowserBugsSection/DefaultTopBottomMarginsForPargDisappear.html I would...

HTML / CSS

Margin-bottom of last child in overflowed block is not rendered

by: GTalbot | last post by:

Hello fellow authoring.stylesheets colleagues, Can someone please explain why the bottom margin of the last inflow block-level child in an overflowed parent should not have its margin reachable....

HTML / CSS

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server