Ooph, that’s painfully bad. Most of your ‘issue’ is right here:
width=“1250”
Fixed width – fixed widths will NEVER fit all displays properly regardless of what number you throw in there. It’s a broken sitebuilding methodology that while many “designers” will tell you is fine, as you just encountered, well… no it isn’t. Throws the entire concept of accessibility out the window.
But that’s just the tip of the iceberg in terms of your ‘issues’ – tables for layout? That’s a method that has no business being even ON a website for over a decade. Inlined style? Strong on elements that there’s no reason to be emphasizing? Inlined presentational CSS? illegibly small fixed metric (px) fonts? Attributes like BACKGROUND and BORDER that aren’t even valid in modern documents? Empty table rows doing padding’s job? Of course all that SPRY bull and annoying scripting bloat isn’t helping matters either.
I’d have to see the page live, but I’d axe the stupid flash banner thing for a constructed set of static images so it can be fluid width (another of those “not viable for web deployment” concepts), lose ALL of the tables since none of them seem to serve any purpose besides wasting markup on nothing, swing an axe at all the annoying bloated scripting, and on the whole drag the markup kicking and screaming into THIS decade… instead of two decades ago as your tranny doctype is proclaiming for all to see.
I’d not even try to make sense of that gibberish apart from saying throw it out and start over again with semantic markup, separation of presentation from content, and coding methodologies that are slightly less than a decade out of date… losing the flash and all the scripting for nothing in the process as to be brutally frank, there’s nothing there I’d even try to salvage.
Without seeing it live I couldn’t even fathom a guess as to what the proper markup for that content would be. I’d suspect that the “welcome to mentor” text should be a h1, but I could be wrong depending on what that flashtard thing is… the table following it has so many unneccesary elements I can’t even fathom a guess as to what’s what on the page, though I do end up wondering where your fieldset and labels are if this is supposed to be a form…
Ok, guessing COMPLETELY wild, there’s little reason for your markup to be a whole lot more than:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml"
lang="en"
xml:lang="en"
><head>
<meta
http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>
<meta
http-equiv="Content-Language"
content="en"
/>
<link
type="text/css"
rel="stylesheet"
href="screen.css"
media="screen,projection,tv"
/>
<link
rel="shortcut icon"
href="image/clogo.PNG"
/>
<title>
FENG Mentor Mentee System
</title>
</head><body>
<div id="pageWrapper">
<!--[if IE]>
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
width="1250" height="120"
id="FlashID"
title="banner"
>
<![endif]-->
<!--[if !IE]>-->
<object
type="application/x-shockwave-flash"
data="banner.swf"
id="FlashID"
width="1250" height="120"
>
<!--<![endif]-->
<param name="movie" value="banner.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<p>
Content on this page requires a newer version of Adobe Flash Player.
</p><p>
<a href="http://www.adobe.com/go/getflashplayer">
<img
src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"
alt="Get Adobe Flash player"
width="112" height="33"
/>
</a>
</p>
</object>
<h1>
Welcome to Mentor Mentee System of Faculty of Engineering
</h1>
<form
action="<?php echo $loginFormAction; ?>"
method="POST"
name="frmLogin"
id="formLogin"
>
<ul>
<li><a href="login_admin.php">Administrator</a></li>
<li><a href="login_lecturer.php">Lecturer</a></li>
</ul>
<fieldset>
<legend>Login Student</legend>
<label for="admin_id">User ID :</label>
<input
type="text"
name="admin_id"
id="admin_id"
size="11"
maxlength="100"
/><br />
<label for="password">Password :</label>
<input
name="password"
type="password"
id="password"
size="11"
maxlength="100"
/>
<input
type="submit"
class="submit"
value="Login"
/>
</fieldset>
<?php
if(isset($_REQUEST['error']) && ($_REQUEST['error']== 'e')) {
echo '
<div class="errorBox">
<h2>Invalid UserID or Password !!!</h2>
<p>Please Try Again !!!</p>
<!-- .errorBox --></div>';
}
?>
</form>
<div id="content">
<!-- not sure if what this is, heading? just some random text?!? -->
<div class="sessionType">Student Session</div>
<div class="dateTime">
<b>Date:</b> <?php echo date("l, d-m-Y"); ?>
<b>Time:</b> <?php date_default_timezone_set('Asia/Singapore'); echo date('h:i A'); ?>
</div>
<h2>Welcome to Mentor Mentee System - Student Session</h2>
<p>
In this session, student's can fully access their own personal information and make necessary amendments when needed.
</p><p>
At the same time, student's can view their academic information and academic progress along with a bar graph for each academic session that they have completed thus far.
</p>
<!-- #content -->
<div id="footer">
Faculty of Engineering Mentor Mentee
<a href="login_admin.php">System</a>
© 2012<br />
Designed by Kuan Ee Liang><br />
Revised by Dr Mohd Saufee Muhammad
<!-- #footer --></div>
<!-- #pageWrapper --></div>
</body></html>
Though that’s a wild guess as to be honest, I can’t even figure out what/where half of what’s on that page is even supposed to go. EVERYTHING else you are trying to do belongs in an external stylesheet, or doesn’t belong on a website at all if you actually care about people being able to use it. SPRY and flash just being the tip of the iceberg when you have tables for layout, fixed widths on everything, and elements that I couldn’t even figure out what they were so as to be able to apply the proper markup to them.
Even with that rewrite, that still leaves making the layout in CSS, and even running what you had locally I couldn’t figure out what it was that was being attempted.
Oh, and the @ sign is not a copyright symbol… and if you meant it to be such, then you were saying copyright copyright, which is a bit redundant.