Click here to Skip to main content
11,480,626 members (61,764 online)
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 21:05pm
Edited 31-Jan-13 3: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 1

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


--Amit
  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 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 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 5

  Permalink  
Comments
syedkhaleel at 31-Jan-13 8:20am
   
thq..
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  

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

  Print Answers RSS
0 Sergey Alexandrovich Kryukov 294
1 OriginalGriff 190
2 CPallini 150
3 Richard MacCutchan 150
4 CHill60 130
0 Sergey Alexandrovich Kryukov 8,184
1 OriginalGriff 7,556
2 Sascha Lefèvre 3,114
3 Maciej Los 2,491
4 Richard Deeming 2,335


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

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100