Styjun

changing number of arguments to a function in secondary evaluation

How can I iterate this process?

How does "Te vas a cansar" mean "You're going to get tired"?

Which I-94 date do I believe?

Opposite for desideratum to mean "something not wished for"

What are the advantages and disadvantages of Wand of Cure Light Wounds and Wand of Infernal Healing compared to each other?

Why are Gatwick's runways too close together?

The cat ate your input again!

AsyncDictionary - Can you break thread safety?

Are there any financial disadvantages to living significantly "below your means"?

Write an interpreter for *

how to differentiate when a child lwc component is called twice in parent component?

Infeasibility in mathematical optimization models

Tikzpicture - finish drawing a curved line for a cake slice

How many different ways are there to checkmate in the early game?

Different inverter (logic gate) symbols

Can you castle with a "ghost" rook?

During the Space Shuttle Columbia Disaster of 2003, Why Did The Flight Director Say, "Lock the doors."?

A tool to replace all words with antonyms

Why did Gandalf use a sword against the Balrog?

Extremely casual way to make requests to very close friends

Y2K... in 2019?

Withdrew when Jimmy met up with Heath

Why does Intel's Haswell chip allow FP multiplication to be twice as fast as addition?

Setting top and left CSS attributes

change position of link in HTML/JavascriptHow do I return multiple values from a function?Get css top value as number not as string?Setting “checked” for a checkbox with jQuery?How to debug JavaScript / jQuery event bindings with Firebug or similar tools?Set a default parameter value for a JavaScript functionScroll to the top of the page using JavaScript/jQuery?Is the recommendation to include CSS before JavaScript invalid?Passing variables to .css to set top and left positionIs it possible to apply CSS to half of a character?Setting left position of an element that changes dynamically(in a loop)

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

65

7

For some reason I'm unable to set the "top" and "left" CSS attributes using the following JavaScript.

var div = document.createElement('div');
div.style.position = 'absolute';
div.style.top = 200;
div.style.left = 200;
document.body.appendChild(div);

Using Firebug I can see that the div gets the position set to "absolute" but the top and left attributes are not set!

This is for Firefox 3.6.

javascript coding-style

share|improve this question

edited Feb 15 '14 at 4:02

Qantas 94 Heavy

12.5k1515 gold badges5656 silver badges7474 bronze badges

asked Feb 6 '10 at 19:25

Deniz DoganDeniz Dogan

14.8k2828 gold badges9797 silver badges148148 bronze badges

add a comment | 

65

7

For some reason I'm unable to set the "top" and "left" CSS attributes using the following JavaScript.

var div = document.createElement('div');
div.style.position = 'absolute';
div.style.top = 200;
div.style.left = 200;
document.body.appendChild(div);

Using Firebug I can see that the div gets the position set to "absolute" but the top and left attributes are not set!

This is for Firefox 3.6.

javascript coding-style

share|improve this question

edited Feb 15 '14 at 4:02

Qantas 94 Heavy

12.5k1515 gold badges5656 silver badges7474 bronze badges

asked Feb 6 '10 at 19:25

Deniz DoganDeniz Dogan

14.8k2828 gold badges9797 silver badges148148 bronze badges

add a comment | 

For some reason I'm unable to set the "top" and "left" CSS attributes using the following JavaScript.

var div = document.createElement('div');
div.style.position = 'absolute';
div.style.top = 200;
div.style.left = 200;
document.body.appendChild(div);

Using Firebug I can see that the div gets the position set to "absolute" but the top and left attributes are not set!

This is for Firefox 3.6.

javascript coding-style

share|improve this question

edited Feb 15 '14 at 4:02

Qantas 94 Heavy

12.5k1515 gold badges5656 silver badges7474 bronze badges

asked Feb 6 '10 at 19:25

Deniz DoganDeniz Dogan

14.8k2828 gold badges9797 silver badges148148 bronze badges

var div = document.createElement('div');
div.style.position = 'absolute';
div.style.top = 200;
div.style.left = 200;
document.body.appendChild(div);

share|improve this question

edited Feb 15 '14 at 4:02

Qantas 94 Heavy

12.5k1515 gold badges5656 silver badges7474 bronze badges

asked Feb 6 '10 at 19:25

Deniz DoganDeniz Dogan

14.8k2828 gold badges9797 silver badges148148 bronze badges

share|improve this question

edited Feb 15 '14 at 4:02

Qantas 94 Heavy

12.5k1515 gold badges5656 silver badges7474 bronze badges

asked Feb 6 '10 at 19:25

Deniz DoganDeniz Dogan

14.8k2828 gold badges9797 silver badges148148 bronze badges

edited Feb 15 '14 at 4:02

Qantas 94 Heavy

12.5k1515 gold badges5656 silver badges7474 bronze badges

edited Feb 15 '14 at 4:02

Qantas 94 Heavy

12.5k1515 gold badges5656 silver badges7474 bronze badges

asked Feb 6 '10 at 19:25

Deniz DoganDeniz Dogan

14.8k2828 gold badges9797 silver badges148148 bronze badges

asked Feb 6 '10 at 19:25

Deniz DoganDeniz Dogan

14.8k2828 gold badges9797 silver badges148148 bronze badges

4 Answers
4

active

oldest

votes

110

div.style.top = "200px";
div.style.left = "200px";

?

share|improve this answer

edited Oct 12 '16 at 18:48

answered Feb 6 '10 at 19:27

Lyubomyr ShaydarivLyubomyr Shaydariv

12.1k88 gold badges4646 silver badges7878 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  The '?' adds nothing useful or positive to the answer. If you have a question, post a comment and use words. Otherwise, '?' by itself can be taken in a number of non-constructive ways.
  
  – Jake Reece
  Apr 30 at 16:32
  

  
  
  
  

add a comment | 

10

You can also use the setProperty method like below

document.getElementById('divName').style.setProperty("top", "100px");

share|improve this answer

answered Feb 24 '16 at 16:10

EralperEralper

5,44211 gold badge1414 silver badges2323 bronze badges

add a comment | 

2

div.style yields an object (CSSStyleDeclaration). Since it's an object, you can alternatively use the following:

div.style["top"] = "200px";
div.style["left"] = "200px";

This is useful, for example, if you need to access a "variable" property:

div.style[prop] = "200px";

share|improve this answer

answered Jan 4 '17 at 18:10

rinogorinogo

3,88377 gold badges4242 silver badges7676 bronze badges

add a comment | 

0

We can create a new CSS class for div.

 .div 
 position: absolute;
 left: 150px;
 width: 200px;
 height: 120px;
 

share|improve this answer

edited Mar 27 at 13:40

answered Mar 27 at 8:37

serkanbasdagserkanbasdag

122 bronze badges

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Please add some explanation to your code such that others can learn from it
  
  – Nico Haase
  Mar 27 at 10:29
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f2214387%2fsetting-top-and-left-css-attributes%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

110

div.style.top = "200px";
div.style.left = "200px";

?

share|improve this answer

edited Oct 12 '16 at 18:48

answered Feb 6 '10 at 19:27

Lyubomyr ShaydarivLyubomyr Shaydariv

12.1k88 gold badges4646 silver badges7878 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  The '?' adds nothing useful or positive to the answer. If you have a question, post a comment and use words. Otherwise, '?' by itself can be taken in a number of non-constructive ways.
  
  – Jake Reece
  Apr 30 at 16:32
  

  
  
  
  

add a comment | 

110

div.style.top = "200px";
div.style.left = "200px";

?

share|improve this answer

edited Oct 12 '16 at 18:48

answered Feb 6 '10 at 19:27

Lyubomyr ShaydarivLyubomyr Shaydariv

12.1k88 gold badges4646 silver badges7878 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  The '?' adds nothing useful or positive to the answer. If you have a question, post a comment and use words. Otherwise, '?' by itself can be taken in a number of non-constructive ways.
  
  – Jake Reece
  Apr 30 at 16:32
  

  
  
  
  

add a comment | 

div.style.top = "200px";
div.style.left = "200px";

?

share|improve this answer

edited Oct 12 '16 at 18:48

answered Feb 6 '10 at 19:27

Lyubomyr ShaydarivLyubomyr Shaydariv

12.1k88 gold badges4646 silver badges7878 bronze badges

div.style.top = "200px";
div.style.left = "200px";

share|improve this answer

edited Oct 12 '16 at 18:48

answered Feb 6 '10 at 19:27

Lyubomyr ShaydarivLyubomyr Shaydariv

12.1k88 gold badges4646 silver badges7878 bronze badges

answered Feb 6 '10 at 19:27

Lyubomyr ShaydarivLyubomyr Shaydariv

12.1k88 gold badges4646 silver badges7878 bronze badges

answered Feb 6 '10 at 19:27

Lyubomyr ShaydarivLyubomyr Shaydariv

12.1k88 gold badges4646 silver badges7878 bronze badges

10

You can also use the setProperty method like below

document.getElementById('divName').style.setProperty("top", "100px");

share|improve this answer

answered Feb 24 '16 at 16:10

EralperEralper

5,44211 gold badge1414 silver badges2323 bronze badges

add a comment | 

10

You can also use the setProperty method like below

document.getElementById('divName').style.setProperty("top", "100px");

share|improve this answer

answered Feb 24 '16 at 16:10

EralperEralper

5,44211 gold badge1414 silver badges2323 bronze badges

add a comment | 

You can also use the setProperty method like below

document.getElementById('divName').style.setProperty("top", "100px");

share|improve this answer

answered Feb 24 '16 at 16:10

EralperEralper

5,44211 gold badge1414 silver badges2323 bronze badges

document.getElementById('divName').style.setProperty("top", "100px");

share|improve this answer

answered Feb 24 '16 at 16:10

EralperEralper

5,44211 gold badge1414 silver badges2323 bronze badges

answered Feb 24 '16 at 16:10

EralperEralper

5,44211 gold badge1414 silver badges2323 bronze badges

answered Feb 24 '16 at 16:10

EralperEralper

5,44211 gold badge1414 silver badges2323 bronze badges

2

div.style yields an object (CSSStyleDeclaration). Since it's an object, you can alternatively use the following:

div.style["top"] = "200px";
div.style["left"] = "200px";

This is useful, for example, if you need to access a "variable" property:

div.style[prop] = "200px";

share|improve this answer

answered Jan 4 '17 at 18:10

rinogorinogo

3,88377 gold badges4242 silver badges7676 bronze badges

add a comment | 

2

div.style yields an object (CSSStyleDeclaration). Since it's an object, you can alternatively use the following:

div.style["top"] = "200px";
div.style["left"] = "200px";

This is useful, for example, if you need to access a "variable" property:

div.style[prop] = "200px";

share|improve this answer

answered Jan 4 '17 at 18:10

rinogorinogo

3,88377 gold badges4242 silver badges7676 bronze badges

add a comment | 

div.style yields an object (CSSStyleDeclaration). Since it's an object, you can alternatively use the following:

div.style["top"] = "200px";
div.style["left"] = "200px";

This is useful, for example, if you need to access a "variable" property:

div.style[prop] = "200px";

share|improve this answer

answered Jan 4 '17 at 18:10

rinogorinogo

3,88377 gold badges4242 silver badges7676 bronze badges

div.style["top"] = "200px";
div.style["left"] = "200px";

div.style[prop] = "200px";

share|improve this answer

answered Jan 4 '17 at 18:10

rinogorinogo

3,88377 gold badges4242 silver badges7676 bronze badges

answered Jan 4 '17 at 18:10

rinogorinogo

3,88377 gold badges4242 silver badges7676 bronze badges

answered Jan 4 '17 at 18:10

rinogorinogo

3,88377 gold badges4242 silver badges7676 bronze badges

0

We can create a new CSS class for div.

 .div 
 position: absolute;
 left: 150px;
 width: 200px;
 height: 120px;
 

share|improve this answer

edited Mar 27 at 13:40

answered Mar 27 at 8:37

serkanbasdagserkanbasdag

122 bronze badges

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Please add some explanation to your code such that others can learn from it
  
  – Nico Haase
  Mar 27 at 10:29
  

  
  
  
  

add a comment | 

0

We can create a new CSS class for div.

 .div 
 position: absolute;
 left: 150px;
 width: 200px;
 height: 120px;
 

share|improve this answer

edited Mar 27 at 13:40

answered Mar 27 at 8:37

serkanbasdagserkanbasdag

122 bronze badges

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  Please add some explanation to your code such that others can learn from it
  
  – Nico Haase
  Mar 27 at 10:29
  

  
  
  
  

add a comment | 

We can create a new CSS class for div.

 .div 
 position: absolute;
 left: 150px;
 width: 200px;
 height: 120px;
 

share|improve this answer

edited Mar 27 at 13:40

answered Mar 27 at 8:37

serkanbasdagserkanbasdag

122 bronze badges

 .div 
 position: absolute;
 left: 150px;
 width: 200px;
 height: 120px;
 

share|improve this answer

edited Mar 27 at 13:40

answered Mar 27 at 8:37

serkanbasdagserkanbasdag

122 bronze badges

answered Mar 27 at 8:37

serkanbasdagserkanbasdag

122 bronze badges

answered Mar 27 at 8:37

serkanbasdagserkanbasdag

122 bronze badges