how to make CSS which can show my page same in all screen resolutions...like i have one HTML page which is good in my PC but if i view that in other PC with different resolution it shown in diffrent look,which is not good , so let me know code how best i can do...this is all done using tables.....<br />
<br />
thanks<!--content-->use relative sizing instead of absolute (% instead of px)<!--content-->Hi there clabs,<br />
<br />
You have no need to go either here (<!-- m --><a class="postlink" href="http://www.webxpertz.net/forums/showthread.php3?s=&threadid=25842">http://www.webxpertz.net/forums/showthr ... adid=25842</a><!-- m -->)<br />
or there (<!-- m --><a class="postlink" href="http://www.htmlhelpforums.com/forum/viewtopic.php?t=141">http://www.htmlhelpforums.com/forum/viewtopic.php?t=141</a><!-- m -->) now
<br />
<br />
coothead<!--content-->lol - busted!<br />
<br />
at least he didn't cross-post here...<br />
<br />
Tell you the truth, I have asked the same question on multiple sites before - depends on the question though.<!--content-->Yeah you would use this code for a table...<br />
<br />
<table border="0" width="100%"><!--content-->Hi there Horus_Kol,<br />
<br />
You say<br />
'Tell you the truth, I have asked the same question on multiple sites before' <br />
<br />
As my Irish friend is fond of saying<br />
'To be sure, to be sure'...<br />
<br />
This is obviously to be sure<br />
<br />
coothead<!--content-->You could always make 2 sites, one designed for 640x480, the other designed for 800x600+ ... I know you can find a javascript that detects the users screen resolution and automatically directs you to the appropriate site.<!--content-->i always use percentage lengths rather than absolute, fixed values. and in those rare situations where doing that is just not practical for whatever reason, i use a sniffer to determine the screen resolution and inject a different stylesheet dynamically.<!--content-->you could try this:<br />
<br />
<br />
<html><head><br />
<title>Your own dorky title here</title><br />
</head><body><br />
<br />
<TABLE WIDTH="100%" HEIGHT="100%"><TR><TD ALIGN="center" VALIGN="middle"><br />
<br />
<br />
<br />
<!-- Add your content here--><br />
<br />
</TD></TR></TABLE><br />
<br />
<br />
</body></html><!--content-->Originally posted by zdesignstudios <br />
you could try this:<br />
<br />
<br />
<html><head><br />
<title>Your own dorky title here</title><br />
</head><body><br />
<br />
<TABLE WIDTH="100%" HEIGHT="100%"><TR><TD ALIGN="center" VALIGN="middle"><br />
<br />
<br />
<br />
<!-- Add your content here--><br />
<br />
</TD></TR></TABLE><br />
<br />
<br />
</body></html><br />
<br />
<br />
<br />
I disagree with you, don't see the point in setting the height attribute to 100%.<!--content-->Originally posted by DA Master <br />
I disagree with you, don't see the point in setting the height attribute to 100%. <br />
<br />
i imagine it's so the page centers vertically also?<!--content-->
<br />
thanks<!--content-->use relative sizing instead of absolute (% instead of px)<!--content-->Hi there clabs,<br />
<br />
You have no need to go either here (<!-- m --><a class="postlink" href="http://www.webxpertz.net/forums/showthread.php3?s=&threadid=25842">http://www.webxpertz.net/forums/showthr ... adid=25842</a><!-- m -->)<br />
or there (<!-- m --><a class="postlink" href="http://www.htmlhelpforums.com/forum/viewtopic.php?t=141">http://www.htmlhelpforums.com/forum/viewtopic.php?t=141</a><!-- m -->) now
<br /><br />
coothead<!--content-->lol - busted!<br />
<br />
at least he didn't cross-post here...<br />
<br />
Tell you the truth, I have asked the same question on multiple sites before - depends on the question though.<!--content-->Yeah you would use this code for a table...<br />
<br />
<table border="0" width="100%"><!--content-->Hi there Horus_Kol,<br />
<br />
You say<br />
'Tell you the truth, I have asked the same question on multiple sites before' <br />
<br />
As my Irish friend is fond of saying<br />
'To be sure, to be sure'...<br />
<br />
This is obviously to be sure
<br /><br />
coothead<!--content-->You could always make 2 sites, one designed for 640x480, the other designed for 800x600+ ... I know you can find a javascript that detects the users screen resolution and automatically directs you to the appropriate site.<!--content-->i always use percentage lengths rather than absolute, fixed values. and in those rare situations where doing that is just not practical for whatever reason, i use a sniffer to determine the screen resolution and inject a different stylesheet dynamically.<!--content-->you could try this:<br />
<br />
<br />
<html><head><br />
<title>Your own dorky title here</title><br />
</head><body><br />
<br />
<TABLE WIDTH="100%" HEIGHT="100%"><TR><TD ALIGN="center" VALIGN="middle"><br />
<br />
<br />
<br />
<!-- Add your content here--><br />
<br />
</TD></TR></TABLE><br />
<br />
<br />
</body></html><!--content-->Originally posted by zdesignstudios <br />
you could try this:<br />
<br />
<br />
<html><head><br />
<title>Your own dorky title here</title><br />
</head><body><br />
<br />
<TABLE WIDTH="100%" HEIGHT="100%"><TR><TD ALIGN="center" VALIGN="middle"><br />
<br />
<br />
<br />
<!-- Add your content here--><br />
<br />
</TD></TR></TABLE><br />
<br />
<br />
</body></html><br />
<br />
<br />
<br />
I disagree with you, don't see the point in setting the height attribute to 100%.<!--content-->Originally posted by DA Master <br />
I disagree with you, don't see the point in setting the height attribute to 100%. <br />
<br />
i imagine it's so the page centers vertically also?<!--content-->