I need to know why this website is aligned different when viewed on a monitor with a resolution of 1600x1200 and monitor with a resolution of 1024x768, 1152x864, etc.
I'm concerned with text, and image alignment, as well as getting the page so there is ZERO horizontal scroll. I want it directly in the middle, regardless of what size monitor you're viewing the site on.
Here's the site in reference: http://anthony-lane.com
Here's the page source:
PHP Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>.:anthony lane:.</title>
<style type="text/css">
.style7 {
color: #CCCCCC;
font-family: "Century Gothic";
}
.style14 {
color: #CCCCCC;
font-size: x-small;
}
-->
</style>
</head>
<body>
<div style="position:absolute; top:10px; left:200px; width:395px; height:25px"><img src="main_page_mock.jpg" width="1024" height="768" />
<p><!-- saved from url=(0014)about:internet -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>SimpleViewer</title>
<!-- Download SimpleViewer at www.airtightinteractive.com/simpleviewer -->
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
/* hide from ie on mac \*/
html {
height: 100%;
}
#flashcontent {
height: 100%;
}
/* end hide */
body {
height: 100%;
margin: 0;
padding: 0;
background-color:ffffff;
color:#ffffff;
}
</style>
</p>
<div style="position:absolute; top:170px; left:198px; width:640px; height:480px">
<div id="flashcontent">SimpleViewer requires Macromedia Flash. <a href="http://www.macromedia.com/go/getflashplayer/">Get Macromedia Flash.</a> If you have Flash installed, <a href="index.html?detectflash=false">click to view gallery</a></div>
<p> </p>
<script type="text/javascript"><!--
var fo = new SWFObject("viewer.swf", "viewer", "100%", "100%", "7", "#ffffff");
fo.addParam("wmode", "transparent");
fo.addVariable("preloaderColor", "0xffffff");
fo.addVariable("xmlDataPath", "gallery.xml");
fo.write("flashcontent");
// --></script>
<p> </p>
</div>
<p> </p>
<div style="position:absolute; top:760px; left:221px; width:602px; height:25px"><center class="style7 style14"><a href="mailto:anthonylanestudios@gmail.com" style="TEXT-DECORATION: NONE"><span style="color: #cccccc;">::anthonylanestudios@gmail.com::</span></a></center></div>
</div>
</body>
<div style="position:absolute; top:767px; left:1150px; width:395px; height:25px"><img src="blocks.png" width="69" height="37" />
</html>
Please help, thanks! |
