• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 171
  • Last Modified:

site jumbling problem

hi. im having this problem, i have to set the page size 600 x 300 inorder to get the site looking straight. its basically screen resolution, for someone who views my site at 640 x 480 would see it jumbled up. but for those with 1024 x 768 would see it spaced out. how would i make the site look straight regardless of screen resolution?

thanks
S.T.
0
Security_Threat
Asked:
Security_Threat
  • 9
  • 8
1 Solution
 
hhammashCommented:
Hi,

The quickest solution "Programming Free" is to contain your website in a table and make the table 100% in width.

hh
0
 
hhammashCommented:
Hi,

Programatically will involve:
Javascript and CSS

Javascript to detect the screen resolution then accordingly you can select the external CSS file.

In the CSS file you can specify the DIV width where you will contain your website.

hh
0
 
Security_ThreatAuthor Commented:
hello hh,

im new to site building. what would be the easiest way of doing this? if you could give me step by step that would be much appreciated.

thanks
S.T.
0
What is SQL Server and how does it work?

The purpose of this paper is to provide you background on SQL Server. It’s your self-study guide for learning fundamentals. It includes both the history of SQL and its technical basics. Concepts and definitions will form the solid foundation of your future DBA expertise.

 
hhammashCommented:
Hi,

The easiest way is to:

1- Create a table with one row and one column
2- Make it 100% in width
3- Put your web inside the table (consider the table as your page and design inside it)
4- Put the same table in every page

Inside the table you can put other tables,  you can divide your page to many sections.

hh
0
 
Security_ThreatAuthor Commented:
hh,

thanks for the quick responses.

obviously im using frontpage2003, on the table drop down menu, which should i select? and what does "Layer" do?

also, could i just copy and paste the code of the site i have already buit, or do i have to do it all over again?


thanks,
S.T.
0
 
Security_ThreatAuthor Commented:
forgot to ask....

how would i make the width 100%?
0
 
hhammashCommented:
When you create a table 1 column and 1 row with 100% width and open HTML mode you will see:

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
  <tr>
    <td width="100%">&nbsp;</td>
  </tr>
</table>

Copy your HTML code in your old website which is between <body> and </body> then paste it her in place of &nbsp; then your site will be contained in a table.

Of course when you switch to normal mode you can see your page and you can still create tables inside the big table.

hh
0
 
Security_ThreatAuthor Commented:
excellent. now i only have 1 problem. you mentioned a java script to detect screen resolution, where could i find that script?

thanks,
S.T.
0
 
hhammashCommented:
Hi,

Here is the code to detect screen resolution:

http://www.pageresource.com/jscript/jscreen.htm

You have to change the value of
window.location="highres.html"

to

window.location="ThePageYouWant.html"

also in the second window.location after else.

hh
0
 
Security_ThreatAuthor Commented:
hey hh,

im having a problem with that script. you are telling me that i should change the value of

window.location="highres.html"  and  window.location="lowres.html"

 to  

window.location="www.mypage.com/page1.html"  and   window.location="www.mypage.com/page1.html"

?

thanks,
S.T.

0
 
Security_ThreatAuthor Commented:
this is what im doing and its giving a prob. the page loads then disappears


<SCRIPT language="JavaScript">
<!--
if ((screen.width>=1024) && (screen.height>=768))
{
 window.location="www.mypage.com/page1.html";
}
else
{
  window.location="www.mypage.com/page1.html";
}
//-->
</SCRIPT>
0
 
hhammashCommented:
No,

If the resolution is 1024 then it should go to www.mypage.com/page1.html
else
it should go to another page which you setup if the resolution is more.

hh
0
 
hhammashCommented:
Hi,

The new approach these days to take care of different resolutions is to contain the website in a table and center the table or in a DIV and center the DIV.  

So, it does not matter which resolution it is,  the website will be in the center.

hh
0
 
Security_ThreatAuthor Commented:
hh,

im glad you have the patience to work with me. but i dont understand. i did try <center></center> it didnt work.
do i place <center> after <head> or after <body>?
or neither?

S.T.
0
 
hhammashCommented:
You are welcome S.T.,

I am here to help don't worry.

Here is how to center the table

 <center>
  <table border="0" cellpadding="0" cellspacing="1" style="border-collapse: collapse" bordercolor="#111111" width="100" id="AutoNumber1">
    <tr>
      <td>&nbsp;</td>
    </tr>
  </table>
  </center>


hh
0
 
Security_ThreatAuthor Commented:
hi hh,

sorry i havent gotten back to you sooner. THANK YOU very much for all your help and time. heres a little extra to show my appreciation.

S.T.
0
 
hhammashCommented:
Thank you S.T.

I am glad I could help.

Thank you
0

Featured Post

NFR key for Veeam Backup for Microsoft Office 365

Veeam is happy to provide a free NFR license (for 1 year, up to 10 users). This license allows for the non‑production use of Veeam Backup for Microsoft Office 365 in your home lab without any feature limitations.

  • 9
  • 8
Tackle projects and never again get stuck behind a technical roadblock.
Join Now