View Full Version : Resolution Issues

05-27-2005, 02:46 AM
I'm having issues viewing my website at different resolutions. I'm not really sure what to do because when I view the site at 1024x768, it appears fine but when I view it at 800x600 or any other resolution (whether it's higher or lower than 1024x768), everything becomes shifted either up, down, to the left, or to the right.

Is there any code that I can include that will make the page appear correctly regardless of your resolution? I've noticed that whenever I view google.com or ebay.com or any other websites, at any resolution, the sites appear fine. What am I doing wrong?

05-27-2005, 11:24 AM
If you use percentages to define widths and heights it should fit in all resolutions. If you don't want to do that though you could wrap the whole page in a div with a width of say 750px, so that it fits in nicely in 800x600, and will appear in the middle of the page for larger resolutions.

05-27-2005, 12:01 PM
This sounds like you are new to CSS, and you are usng a lot of absolute positioning. Am I right so far? Can you show us your complete code. Most sites rarely need absolute positioning.

06-03-2005, 08:52 PM
I'm not using CSS. I don't know CSS. This is why absolute positioning is used. If you can give me a code to get things to remain in one position with CSS, then I'll take it. But for right now, I'm stuck.

06-03-2005, 08:53 PM
Can't give you a solution without seeing your code or a link now can we?

06-03-2005, 08:54 PM
We need to see your code so we can see whats wrong :)

06-03-2005, 11:05 PM

06-03-2005, 11:06 PM
I really don't need your sarcasm...thanks anyways though.

My code is as follows:

<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<script type="text/javascript">

* Disable select-text script- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code

//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]


function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false

function reEnable(){
return true

if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")

<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">

A:{cursor: url(url)}
a:link {text-decoration: none; cursor:hand; font-weight:none; color: #363536;}
a:visited {text-decoration: none; cursor:hand; font-weight: none; color: #000000;}
a:active {text-decoration: none; cursor:hand; font-weight: none; color: #FFFFFF; }
a:hover {color: #C0C0C0; cursor:help; text-decoration: none; font-weight: none; position: relative; left: 2px; top: 1px;}

<body {
scrollbar-base-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #FFFFFF;
<font face="arial">
<script language="JavaScript">

if (window.Event)

function nocontextmenu()
event.cancelBubble = true
event.returnValue = false;
return false;

function norightclick(e)
if (window.Event)
if (e.which == 2 || e.which == 3)
return false;
if (event.button == 2 || event.button == 3)
window.event.cancelBubble = true
window.event.returnValue = false;
return false;

document.oncontextmenu = nocontextmenu;
document.onmousedown = norightclick;
<title> MASSIVE SPEED SYSTEM </title>
<div align="center">
<script type='text/javascript'>
function Go(){return}
<script type='text/javascript' src='exmplmenu_var.js'></script>
<script type='text/javascript' src='menu_com.js'></script>
<noscript>Your browser does not support script</noscript>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (HOME1.psd) -->
<table id="Table_01" width="800" height="650" border="0" cellpadding="0" cellspacing="0">
<img src="images/HOME1_01.gif" width="270" height="384" alt=""></td>
<img src="images/HOME1_02.gif" width="242" height="384" alt=""></td>
<img src="images/HOME1_03.gif" width="258" height="384" alt=""></td>
<img src="images/HOME1_04.gif" width="254" height="384" alt=""></td>
<img src="images/HOME1_05.gif" width="270" height="384" alt=""></td>
<img src="images/HOME1_06.gif" width="242" height="384" alt=""></td>
<img src="images/HOME1_07.gif" width="258" height="384" alt=""></td>
<img src="images/HOME1_08.gif" width="254" height="384" alt=""></td>
<!-- End ImageReady Slices -->

<!--MAIN INFO-->
<div id="Layer1" style="position:absolute; left:300px; top:251px; width:450px; height:27px; z-index:1"><font face="arial" size="2.5" color="#363536" align="left">Massive Speed System is a division of TechStar International, Inc., a firm involved in the machine tool/machine shop business. Founded in 1979 by Tom Truty, the firm is still family owned and operated. Massive Speed System was the brainchild of Karl Truty and originally had operated independetly of TechStar beginning in 1999. The expertise of the firm resides in all things with “motors and wheels” as we like to say, and is rather varied. Vehicles owned by and involved with include older muscle cars and street rods to modern pony cars and sport compacts.<br><br>Massive Speed System is a full line automotive retailer.<br></div>

<div id="Layer1" style="position:absolute; left:300px; top:451px; width:450px; height:27px; z-index:1"><font face="arial" size="2" color="#F77E11"><img src="images/KFocus1.jpg"></div>

<div id="Layer1" style="position:absolute; left:475px; top:451px; width:450px; height:27px; z-index:1"><font face="arial" size="2" color="#F77E11"><img src="images/KFocus-2.jpg"></div>

<div id="Layer1" style="position:absolute; left:600px; top:451px; width:450px; height:27px; z-index:1"><font face="arial" size="2" color="#F77E11"><img src="images/KFocus-3.jpg"></div>


this is for the old website before i revised it. the code is still the same, just some new images & such.

06-03-2005, 11:26 PM
I'm not using CSS. I don't know CSS. This is why absolute positioning is used.

uhh but you are using css:

A:{cursor: url(url)}
a:link {text-decoration: none; cursor:hand; font-weight:none; color: #363536;}
a:visited {text-decoration: none; cursor:hand; font-weight: none; color: #000000;}
a:active {text-decoration: none; cursor:hand; font-weight: none; color: #FFFFFF; }

is all css...

and why are you using tables?

can we get a link to your site? its easier to help with it.

06-03-2005, 11:27 PM
OK well then i dont know what to do

06-03-2005, 11:29 PM
this it? http://www.massivespeedsystem.com/

06-03-2005, 11:31 PM
That's the website, yes....that's not my code....that's the owners code for the under construction page.....the code that I posted is what I've been using but is not uploaded to his site right now because it is under construction.

I've been working on his site through angelfire and then I've been transporting the files over to his website with an FTP server..

If you want a link, i guess you can use http://www.angelfire.com/extreme5/massivespeed/index.html
but you're going to get pop-up ads & everything is going to be even more messed up

06-03-2005, 11:45 PM
Yeah, I see what you mean by everything being all messed up.

First, Id clean up the code, and throw all css in an external style sheet.

Second, you are calling the same div id "layer1" more than once, you cant do that. change it to a class.

Third, take it out of tables :)

Fourth, dont use absolute positioning.

embrace the css; you wont need that layer mess. trust me.

06-03-2005, 11:49 PM
I don't know how to make a CSS sheet. I've never used CSS. I learned HTML on my own & so I don't know about much else. Do you know of any links to some good CSS tutorials for beginners?

06-03-2005, 11:54 PM
htmldog helped me a lot, try this link (http://www.htmldog.com/guides/cssbeginner/)

also, theres a bunch of resources listed in the sticky of this forum (http://www.codingforums.com/showthread.php?t=20862)

06-03-2005, 11:57 PM
this is confusing

06-04-2005, 12:00 AM
As much as I appreciate your help & think that CSS would be great, I have a deadline to meet & I won't be able to learn a new "language" in 10 days. So I guess I'm in a rut....looks like I'll go back to guess & check