...

View Full Version : Resolution Issues



CKMeth0d
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?

mark87
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.

_Aerospace_Eng_
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.

CKMeth0d
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.

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

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

CKMeth0d
06-03-2005, 11:05 PM
.....

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

My code is as follows:

<!--BEGIN HTML-->
<html>
<head>
<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"]

omitformtags=omitformtags.join("|")

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")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}

</script>
<!--FAVORITE ICON-->
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<!--END FAVORITE 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;
scrollbar-highlight-color:#000000;
}>
<font face="arial">
<script language="JavaScript">

if (window.Event)
document.captureEvents(Event.MOUSEUP);

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;
}
else
if (event.button == 2 || event.button == 3)
{
window.event.cancelBubble = true
window.event.returnValue = false;
return false;
}
}

document.oncontextmenu = nocontextmenu;
document.onmousedown = norightclick;
</script>
</head>
<title> MASSIVE SPEED SYSTEM </title>
<body>
<div align="center">
<!--MENU SCRIPT-->
<script type='text/javascript'>
function Go(){return}
</script>
<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>
<!--END MENU SCRIPT-->


<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">
<tr>
<td>
<img src="images/HOME1_01.gif" width="270" height="384" alt=""></td>
<td>
<img src="images/HOME1_02.gif" width="242" height="384" alt=""></td>
<td>
<img src="images/HOME1_03.gif" width="258" height="384" alt=""></td>
<td>
<img src="images/HOME1_04.gif" width="254" height="384" alt=""></td>
</tr>
<tr>
<td>
<img src="images/HOME1_05.gif" width="270" height="384" alt=""></td>
<td>
<img src="images/HOME1_06.gif" width="242" height="384" alt=""></td>
<td>
<img src="images/HOME1_07.gif" width="258" height="384" alt=""></td>
<td>
<img src="images/HOME1_08.gif" width="254" height="384" alt=""></td>
</tr>
</table>
<!-- 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>
<!--END MAIN INFO-->

</font>
</body>
</html>

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

Tricia
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.

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

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

CKMeth0d
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

Tricia
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.

CKMeth0d
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?

Tricia
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)

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

CKMeth0d
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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum