Hi, Can anyone help?
I'm having problems with the alignment of the main body of text on my web page.
When viewed on 1024x768, the text is centrally aligned between two tables. One either side of the page.
However, when viewed on 800x600, the text is closer to the right table than the left.
I have used percentages for all tables so that the web page will resize without causing horizontal scroll bars.
Any Ideas?
Thanks
Luke
[code:1:0d2b07f83d]<html>
<head>
<script language="JavaScript1.2">
/*
Add-to-favorites Script
Created by David Gardner (toolmandav@geocities.com)
No warranty of any kind comes with this script!
Permission granted to Dynamic Drive (http://dynamicdrive.com)
to post and feature this script on their DHTML archive
*/
//configure the two variables below to match yoursite's own info
var bookmarkurl="http://www.mjrcomputersolutions.co.uk"
var bookmarktitle="MJR Computer Solutions"
function addbookmark(){
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarkti tle)
}
</script>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">
</script>
</head>
<body topmargin="0" leftmargin="0" onload="dynAnimation()">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="102">
<tr>
<td width="30%" height="102" valign="top">
<p align="center"><img border="0" src="images/mjr_logo.jpg" width="275" height="113"></td>
<td width="70%" height="102" valign="top">
<p align="center"><img border="0" src="images/top_image.jpg" width="471" height="141"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2" bgcolor="#E0DFDF">
<tr>
<td width="3%"> </td>
<td width="19%">
<p align="center"><span lang="en-gb">
<font face="Arial" style="font-size: 8.5pt"><a href="news_archive.htm">Technology News Archive</a></font></span></td>
<td width="9%">
<p align="center"><span lang="en-gb">
<font face="Arial" style="font-size: 8.5pt" color="#FF0000">
<a href="index.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FF0000" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">Home</a></font></span></td>
<td width="11%" align="center">
<span lang="en-gb">
<font face="Arial" style="font-size: 8.5pt" color="#FF0000">
<a href="about_us.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FF0000" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">About Us</a></font></span></td>
<td width="13%" align="center">
<span lang="en-gb">
<font face="Arial" style="font-size: 8.5pt" color="#FF0000">
<a href="web_design.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FF0000" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">Website Design</a></font></span></td>
<td width="19%" align="center">
<span lang="en-gb">
<font face="Arial" style="font-size: 8.5pt" color="#FF0000">
<a href="seo.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FF0000" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">Search Engine
Optimisation</a></font></span></td>
<td width="13%" align="center">
<span lang="en-gb">
<font face="Arial" style="font-size: 8.5pt" color="#FF0000">
<a href="support.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FF0000" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">Support
Solutions</a></font></span></td>
<td width="13%" align="center">
<font face="Arial" style="font-size: 8.5pt" color="#FF0000">
<a href="contact.htm" dynamicanimation="fpAnimformatRolloverFP1" fprolloverstyle="color: #FF0000" onmouseover="rollIn(this)" onmouseout="rollOut(this)" language="Javascript1.2">Contact Us</a></font></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3" bgcolor="#8AB6E9">
<tr>
<td width="100%"> </td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber4" height="267">
<tr>
<td width="17%" height="267" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-top-width: 1; border-bottom-width: 1" bordercolor="#8AB6E9" width="100%" id="AutoNumber5" height="217">
<tr>
<td width="100%" height="86">
<p align="center" style="margin-top: 0; margin-bottom: 0">
<span style="font-weight: 700; text-decoration: underline">
<font face="Arial" style="font-size: 8.5pt" color="#000080">Latest
Virus Threats </font></span></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#008080"> Is Your
Computer Infected?</font></p>
<p align="center"><!--webbot bot="HTMLMarkup" startspan --><!-- Sophos info feed: latest virus alerts - START -->
<script language="JavaScript1.1" src="http://www.sophos.com/virusinfo/infofeed/tenalerts.js"></script>
<script language="JavaScript1.1">
<!--
// Want to customise the look and feel of the virus information // on your site? Simply change the following values to your own // preferences. // // Changing the value of 'count' will change the number of rows // displayed. // Changing the value of 'target' to 'new' will display the link in
// a new window.
// ************************************************** ***************
var bgcolour_main = '#ffffff'
var bgcolour_heading = '#88B6E9'
var text_colour = '#000000'
var link_colour = '#000099'
var font_size = '1'
var font_face = 'arial, verdana, helvetica, sans-serif'
var count = 10 // number should be between 1 and 10
var first_column = 'yes' // 'yes' or 'no'
var cellspacing = 'no' // 'yes' or 'no'
var target = 'new' // '_self' or 'new'
// ************************************************** ***************
// Be careful not to change anything below this line!
var htmltxt = "";
var font_desc = '<font face="' + font_face + '" size="'
+ font_size + '" color="' + text_colour + '">';
var tmp_count = 0;
if (first_column == "no") {
colspan = 1;
} else {
colspan = 2;
}
if (cellspacing == "no") {
cellspacing = 0;
} else {
cellspacing = 2;
}
if (count > 0) {
if (count > 10) {count = 10}
htmltxt += '\n<table cellpadding="6" cellspacing="'
+ cellspacing + '" border="0" bgcolor="#ffffff">';
if (count == 1) {
htmltxt += '\n<tr><td colspan="' + colspan + '" bgcolor="'
+ bgcolour_heading + '">' + font_desc
+ '<b>Latest virus alert</b></font></td></tr>';
} else {
htmltxt += '\n<tr><td colspan="' + colspan + '" bgcolor="'
+ bgcolour_heading + '">' + font_desc + '<b>Latest '
+ count + ' virus alerts</b></font></td></tr>';
}
for (var i=0; i<tenalerts.length; i+=3) {
tmp_count++;
if (tmp_count > count) {
break;
} else {
if (first_column == "no") {
htmltxt += '\n<tr><td bgcolor="' + bgcolour_main + '">'
+ font_desc + '<a href="' + tenalerts[i+2] + '" target="'
+ target + '"><font color="'
+ link_colour + '"><nobr>' + tenalerts[i+1]
+ '</nobr></font></a></font></td></tr>';
} else {
htmltxt += '\n<tr><td bgcolor="' + bgcolour_main + '">'
+ font_desc + '<nobr>' + tenalerts[i+0]
+ '</nobr></font></td><td bgcolor="' + bgcolour_main + '">'
+ font_desc + '<a href="' + tenalerts[i+2] + '" target="'
+ target + '"><font color="'
+ link_colour + '"><nobr>' + tenalerts[i+1]
+ '</nobr></font></a></font></td></tr>';
}
}
}
} else {
document.write
("=== Sophos info feed error: Specify value of count > 0 ==="); }
// Please do not remove the code after this point.
htmltxt += '\n<tr><td colspan="' + colspan + '" bgcolor="'
+ bgcolour_heading + '">' + font_desc
+ 'Source: <a href="http://www.sophos.com" target="'
+ target + '"><font color="' + link_colour
+ '">Sophos</font></a></td></tr>';
htmltxt += '\n<tr><td colspan="' + colspan + '" bgcolor="'
+ bgcolour_heading + '">' + font_desc
+ '<a href="http://www.sophos.com/virusinfo/infofeed/" target="'
+ target + '"><font color="' + link_colour
+ '">Add this info to your website</font></a></td></tr>';
htmltxt += '\n</table>';
document.write(htmltxt);
//-->
</script>
<!-- Sophos info feed: latest virus alerts - END -->
<!--webbot bot="HTMLMarkup" endspan --></p>
<p></td>
</tr>
<tr>
<td width="100%" height="192">
<p align="center" style="margin-top: 0; margin-bottom: 0">
<span style="font-weight: 700; text-decoration: underline">
<font face="Arial" style="font-size: 8.5pt" color="#000080">
Recommended Links</font></span></p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#FF0000">
<a target="_blank" href="http://news.bbc.co.uk/1/hi/technology/default.stm">BBC
Technology News</a></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#FF0000">
<a target="_blank" href="http://www.sophos.co.uk">Sophos Anti-Virus</a></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt">
<a href="http://www.google.co.uk/">Google Search</a></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<span lang="en-us"><font face="Arial" style="font-size: 8.5pt">
<a href="http://www.microsoft.com/security/protect/default.asp">
Microsoft Workstation Protection</a></font></span></p>
<p></td>
</tr>
<tr>
<td width="100%" height="131">
</td>
</tr>
</table>
</td>
<td width="64%" height="267" valign="top">
<p style="margin-top: 0; margin-bottom: 0"> </p>
<blockquote>
<table width="89%" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#111111" id="AutoNumber7" style="border-collapse: collapse">
<tr>
<td width="100%" colspan="2"><div align="left"></div></td>
</tr>
<tr>
<td width="100%" colspan="2"><img border="0" src="images/welcome.jpg" width="108" height="26"></td>
</tr>
<tr>
<td width="100%" colspan="2"> </td>
</tr>
<tr>
<td width="95%">
<font face="Arial" style="font-size: 8.5pt" color="#008080">MJR Computer
Solutions is the IT Support arm of Leicester based Chartered Accountants and
Business Advisers Mark J Rees.</font></td>
<td width="7%">
</td>
</tr>
<tr>
<td width="100%" colspan="2"> </td>
</tr>
<tr>
<td width="100%" colspan="2">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber8">
<tr>
<td width="1%" valign="top">
</td>
<td width="8%" valign="top">
<img border="0" src="images/bulb.gif" width="63" height="59"></td>
<td width="6%" valign="top">
</td>
<td width="29%" valign="top">
<p style="margin: 0 1"><u>
<font face="Arial" style="font-size: 8.5pt" color="#008080">
Website Design</font></u></p>
<p style="margin: 0 1">
<font face="Arial" style="font-size: 8.5pt" color="#008080">We
offer a range of website design services geared towards giving
your business a competitive edge on the web.</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#008080">
<a href="web_design.htm">
<img border="0" src="images/arrow.gif" width="7" height="7">More
Information</a></font><p></td>
<td width="8%"> </td>
<td width="6%" valign="top">
<img border="0" src="images/network-connection.jpg" width="63" height="59"></td>
<td width="6%" valign="top">
</td>
<td width="29%" valign="top">
<p style="margin-top: 0; margin-bottom: 0"><u>
<font face="Arial" style="font-size: 8.5pt" color="#008080">
Network Support & Consultancy</font></u></p>
<p style="margin: 0 1">
<font face="Arial" style="font-size: 8.5pt" color="#008080">We
have a range of network solutions from telephone support &
troubleshooting to same day on-site & network design.</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#008080">
<a href="support.htm">
<img border="0" src="images/arrow.gif" width="7" height="7">More
Information</a></font><p></td>
<td width="7%" valign="top">
</td>
</tr>
<tr>
<td width="13%" colspan="3"> </td>
<td width="29%"> </td>
<td width="8%"> </td>
<td width="12%" colspan="2"> </td>
<td width="35%" colspan="2"> </td>
</tr>
<tr>
<td width="2%" valign="top">
</td>
<td width="6%" valign="top">
<img border="0" src="images/search.jpg" width="63" height="59"></td>
<td width="5%" valign="top">
</td>
<td width="29%" valign="top">
<p style="margin-top: 0; margin-bottom: 0"><u>
<font face="Arial" style="font-size: 8.5pt" color="#008080">Search
Engine Optimisation</font></u></p>
<p style="margin: 0 1">
<font face="Arial" style="font-size: 8.5pt" color="#008080">Where
does your website appear on an internet search? We can submit your
site and implement keyword strategies to ensure high rankings.</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#008080">
<a href="seo.htm">
<img border="0" src="images/arrow.gif" width="7" height="7">More
Information</a></font><p></td>
<td width="8%"> </td>
<td width="6%" valign="top">
<img border="0" src="images/computer.jpg" width="63" height="59"></td>
<td width="6%" valign="top">
</td>
<td width="19%" valign="top">
<p style="margin-top: 0; margin-bottom: 0"><u>
<font face="Arial" style="font-size: 8.5pt" color="#008080">
Hardware & Software Support</font></u></p>
<p style="margin: 0 1">
<font face="Arial" style="font-size: 8.5pt" color="#008080">We
have a range of support solutions from telephone support &
troubleshooting to same day on-site visits.</font></p>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#008080">
<a href="support.htm">
<img border="0" src="images/arrow.gif" width="7" height="7">More
Information</a></font><p></td>
<td width="16%" valign="top">
</td>
</tr>
<tr>
<td width="2%" valign="top">
</td>
<td width="6%" valign="top">
</td>
<td width="5%" valign="top">
</td>
<td width="29%" valign="top">
</td>
<td width="8%"> </td>
<td width="6%" valign="top">
</td>
<td width="6%" valign="top">
</td>
<td width="19%" valign="top">
</td>
<td width="16%" valign="top">
</td>
</tr>
</table>
</td>
</tr>
</table>
</blockquote>
</td>
<td width="19%" height="267" valign="top">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-left-style: solid; border-left-width: 1; border-right-width: 1; border-top-width: 1; border-bottom-width: 1" bordercolor="#8AB6E9" width="100%" id="AutoNumber6" height="303">
<tr>
<td width="100%" height="124">
<p align="center" style="margin-top: 0; margin-bottom: 0">
<span style="font-weight: 700; text-decoration: underline" lang="en-gb">
<font face="Arial" style="font-size: 8.5pt" color="#000080">
Technology News</font></span></p>
<p align="center"><!--webbot bot="HTMLMarkup" startspan --><script language="javascript" src="http://www.feedroll.com/rssviewer/view_rss.php?type=js&source_id=26&feed_width=150&f rame_color=black&title_textcolor=black&title_bgcol or=white&box_textcolor=black&box_bgcolor=white&fee d_showborder=0&feed_compact=1&feed_xmlbutton=1&fee d_spacing=2&feed_maxitems=15&link_openblank=1&feed _align=left&feed_textsize=9&feed_textfont=Arial, Helvetica, sans-serif"></script><!--webbot bot="HTMLMarkup" endspan --></p>
<p></td>
</tr>
<tr>
<td width="100%" height="179" valign="top">
<p align="center" style="margin-top: 0; margin-bottom: 0">
<span style="font-weight: 700; text-decoration: underline">
<font face="Arial" style="font-size: 8.5pt" color="#000080">Site
Specific Links</font></span></p>
<p align="center" style="margin-top: 0; margin-bottom: 0"> </p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#000080">
<a href="news_archive.htm">Site
News Archive</a></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#000080">
<a href="contact.htm">Arrange a
call-back</a></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#000080">
<a href="contact.htm">Log A
Support Call</a></font></p>
<p align="center" style="margin-top: 0; margin-bottom: 0">
<font face="Arial" style="font-size: 8.5pt" color="#000080">
<a href="javascript:addbookmark()">Add Us To
Your Favorites</a></font></p>
<p></td>
</tr>
<tr>
<td width="100%" height="179" valign="top">
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>[/code:1:0d2b07f83d]
Threaded Mode
