<div>
shouldn't line number 4 be? 
var ScreenResolution=ScreenWidth * ScreenHeight; 
 
please check if that was a typo
</div>

<div>
Your ScreenResolution variable is a string right? something like 800x600 or 1280x800 
And you are comparing it using &gt;&nbsp;operator to another string which is '1025', this will give you unpredictable results, and also I don't see a point of the logic in there. 
 
If you want to do something on screen resolutions that has a width more than 1024 pixels, Your code should be something like this. 
 

<pre><code class="code-10 nolinks" id="code-3468178">the jquery code:
var ScreenWidth=screen.width; 
 var ScreenHeight=screen.height; 
 var ScreenResolution=ScreenWidth+&quot;x&quot;+ScreenHeight; 
 //alert(&quot;your screen res is:&quot; + ScreenResolution);
 if(ScreenWidth &gt; 1024){
 $('#blog #blogpics #blgpicswrapper').css({'position' : 'relative' ,'left' : '20em'});
 $('#skillswrapper').css({'left' : '50em'});
 $('img#wanted').css({'left' : '40em'});
 
 }


the regular css:
#blog #blogpics #blgpicswrapper{
 position: relative;
 left: .5em;
 
}
</code></pre>
</div>

<div>
when i use my line it alert: 1440 X 900 
with yours: 1296000 
 
but in any case none help with the real issue. in each case the element does not change its position. 
 
 
best regards
</div>

<div>
hi sudarake 
 
it can be this way, but again with your code the element still does not change its position. 
 
best regards
</div>

<div>
but when is the code (line 1 to 11) invoked? 
is there any event handler to check the screen resolution change which call this code? or are you calling this code at regular intervals?
</div>

<div>
it loads right after the ready stetment
</div>

<div>
&lt;&lt; $('#blog #blogpics #blgpicswrapper').css({'position' : 'relative' ,'left' : '20em'});&gt;&gt; 
Is the above mentioned line not working? you need to check if this hierarchy exists or not. In simple words, is there an element with id 'blog' with subelement with id 'blogpics' with subelement with id value as 'blgpicswrapper'? 
 

</div>

<div>
hi 
 
i first thought that it is a css issue, since the other 2 work. 
 
but i have tried full targeting and short targeting the element and no success. 
 
there is : #blog #blogpics #blgpicswrapper
</div>

<div>
Does it reach line 7? 
Use some thing like firebug to see if the CSS values actually get changed, and there are no other CSS values overriding them in your page
</div>

<div>
hi sudarka 
 
i do use firebug but mostly to css. i could not found any overrides. 
 
how can i check that this line is getting executed with firebug? 
 
best regards
</div>

<div>
In the script tab on the firebug you can set breakpoints in you JavaScript code. (Available in Firebug for Firefox only) 
Other easiest way is to just add an alert() to the code, just above the $('#blog #blogpics #blgpicswrapper')....
</div>

<div>
hi 
 
tried the break point and cannot see anything. 
 
what should i alert? 
 
i have tried : alert($('#panel-7 #blog #blogpics #blgpicswrapper').css()); 
 
and i get: undefined
</div>

<div>
Ok, you can ignore the undefined based on what you have put in the alert, as long as you see the alert box that means execution is reaching the code. 
So code seems to be working fine, problem must be with you css or the selector '#panel-7 #blog #blogpics #blgpicswrapper' you use.
</div>

<div>
hi 
i attach the html of that section maybe you`ll see something i do not? cause i have tried so many selectors. 
 
best regards 

<pre><code class="code-10 nolinks" id="code-3485047">&lt;div id=&quot;panel-7&quot; class=&quot;thedivs&quot; style=&quot;width: 1423px;&quot;&gt;

	&lt;div id=&quot;blog&quot;&gt;&lt;div id=&quot;blogpics&quot;&gt;

 &lt;div id=&quot;blgpicswrapper&quot;&gt;
 &lt;div id=&quot;css&quot;&gt;&lt;a href=&quot;bloging/css/index&quot;&gt;&lt;img src=&quot;shtigliz-images/css.jpg&quot; alt=&quot;css pic&quot; class=&quot;css&quot;&gt;&lt;/a&gt;&lt;/div&gt;
 &lt;div id=&quot;graphics&quot;&gt;&lt;a href=&quot;bloging/graphics/index&quot;&gt;&lt;img src=&quot;shtigliz-images/graphics.jpg&quot; alt=&quot;graphics pic&quot; class=&quot;graphics&quot;&gt;&lt;/a&gt;&lt;/div&gt;
 &lt;div id=&quot;flash&quot;&gt;&lt;a href=&quot;bloging/flash/index&quot;&gt;&lt;img src=&quot;shtigliz-images/flash.gif&quot; alt=&quot;flash pic&quot; class=&quot;flash&quot;&gt;&lt;/a&gt;&lt;/div&gt;
 &lt;div id=&quot;php&quot;&gt;&lt;a href=&quot;bloging/php/index&quot;&gt;&lt;img src=&quot;shtigliz-images/php.jpg&quot; alt=&quot;php pic&quot; class=&quot;php&quot;&gt;&lt;/a&gt; &lt;/div&gt; 
 &lt;div id=&quot;missel&quot;&gt;&lt;a href=&quot;bloging/mis/index&quot;&gt;&lt;img src=&quot;shtigliz-images/mis.jpg&quot; alt=&quot;misselenious pic&quot; class=&quot;mis&quot;&gt;&lt;/a&gt;&lt;/div&gt;
 &lt;div id=&quot;drupal&quot;&gt;&lt;a href=&quot;bloging/drupal/index&quot;&gt;&lt;img src=&quot;shtigliz-images/drupal.png&quot; alt=&quot;drupal pic&quot; class=&quot;drupal&quot;&gt;&lt;/a&gt;&lt;/div&gt;
 &lt;/div&gt;
&lt;/div&gt;&lt;/div&gt;

	&lt;/div&gt;
</code></pre>
</div>

<div>
well i guess i am an idiot:) 
 
the blog pics section is an html page that i load with ajax. since i did not got what was the problem i tried it without loading it and it works. 
 
so now i have put it outside again but put the jquery code (the original) in this external page and it works. 
 
i appriciate very much your efforts to help me. 
 
i`m not sure if i can give points or not. 
 
best regards 
 
ron
</div>

<div>
<div class="content wysiwyg-content">
hi 
i have a code that change some properties when the rsolution change,2 properties does change but the first one does not. 
 
in the regular css i have the code and if i change there the property does change. 
 
 
i attach the code. 
 
best regards 
 
ron 

<pre><code class="code-10 nolinks" id="code-3467101">the jquery code:
var ScreenWidth=screen.width; 
	var ScreenHeight=screen.height; 
	var ScreenResolution=ScreenWidth+&quot;x&quot;+ScreenHeight; 
	//alert(&quot;your screen res is:&quot; + ScreenResolution);
	if(ScreenResolution &gt; '1025'){
	 $('#blog #blogpics #blgpicswrapper').css({'position' : 'relative' ,'left' : '20em'});
	 $('#skillswrapper').css({'left' : '50em'});
	 $('img#wanted').css({'left' : '40em'});
	 
	}


the regular css:
#blog #blogpics #blgpicswrapper{
		position: relative;
		left: .5em;
		
}
</code></pre>
</div>
</div>

hi
i have a code that change some properties when the rsolution change,2 properties does change but the first one does not.

in the regular css i have the code and if i change there the property does change.


i attach the code.

best regards

ron

css property does not change on screen resolution

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.