Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: C# ASP.NET
Hi
 
i have website.it is looking very weird when im opening the website from other systems
how to set the website page resolution according to differnent system resolutions..
 
please address this problem..
 

 
can any one solve my problem..
in different browsers the page is displaying differntly
go to livetrainings.in and see the page content in differnt browsers..
thq in advance...
Posted 30-Jan-13 20:05pm
Edited 31-Jan-13 2:18am
v4
Comments
Edo Tzumer at 31-Jan-13 3:57am
   
Definitely a good and most common question.
There are Tons of links to cross browser development and styling, and you can't avoid learning it through trial&error.
 
Of course, if you ask specific styling questions we'll help pin-pointing specific issues
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 6

What you can do is, you can scale your webpage's <html> (area covered by html tag) by using scale property available in CSS.
Using scale property you can scale any element in webpage by any size.
For example,
<div id ="t_div"></div>
Now we can scale the size of the division as follow:
#t_div
{
-moz-transform:scale(1.5,1.5); //for Firefox
}
Above code will increase the size of division by x1.5 . Same way we can scale height width of <html> tag.
 
I have shown the solution using jQuery to apply scaling dynamically, according to user's resolution at this: How to Fix/Solve the Website Screen Resolution Problem?.
  Permalink  
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 5

  Permalink  
Comments
syedkhaleel at 31-Jan-13 8:20am
   
thq..
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 4

you should use div instead of using Table and use height & width values in percentage instead of pixel.
  Permalink  
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 3

hi Please use DXHTML it set Dynamically or you can set 100% width of your Table/Div whichever you use.
  Permalink  
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 2

Say firm "no" to absolute positioning (as a rule of thumb) and fixed design.
 
You need to learn liquid, fluid and elastic Web page design. Please see:
http://designfestival.com/resizing-fixed-fluid-or-responsive-layouts/[^],
http://www.thesitewizard.com/webdesign/liquid-elastic-fixed-relative-layout.shtml[^],
http://www.tjkdesign.com/articles/one_html_markup_many_css_layouts.asp[^].
 
You can find some more: http://bit.ly/WgQaJu[^].
 
—SA
  Permalink  
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Depends on css.
Design your website with an attractive Page Layout[^]. Check the links below:
CSS layouts[^]
HTML Layouts[^]
 

--Amit
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



Advertise | Privacy | Mobile
Web02 | 2.8.140709.1 | Last Updated 27 Apr 2014
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid