• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 180
  • Last Modified:

Pop won't venter

I posted this regarding another page and I fixed it thanks to the response, but now i am having the same issue with this one.  The content does not center when the page opens in a new window.  The fixes for the other page did not work.  Any help would be much appreciated!  (Note that it "works" on some pages in the site but doesn't work on this one and others that open in a new window).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<!--#include file = "../includes/meta.asp" -->
<title>ClassroomConnection Login</title>

<link rel="stylesheet" type="text/css" href="/schools/misc/styles.css">
<script type="text/javascript" src="/misc/scripts.js"></script>

<script type="text/javascript">
<!--
var elapsedTime = 0;
// set to the Session.Timeout value to notify users
// one minute after their Session times out.
var maxTime = (<%=Session.Timeout%>) * 60;
var oneSecond;
oneSecond = window.setTimeout("timeoutCheck();",1000);
function timeoutCheck() {
    elapsedTime = elapsedTime + 1;
    if (elapsedTime > maxTime) {
        window.location = "/schools/welcome_page.asp?school_id=<%=Session("school_id")%>";
    }
    else {
      oneSecond = window.setTimeout("timeoutCheck();",1000);
    }
}

function chkFlds() {
if (document.site_login.user_name.value == '' || 
    document.site_login.password.value == '') 
{
 	alert('All fields are required!');
 	return false
 	}
else
 	return true;
}
-->
</script>
</head>

<body onload="document.site_login.user_name.focus();">
<div id="wrap">
	<!--#include file = "../includes/sms_header.asp" -->
	<div id="inner_wrap">
		<!--#include file = "../includes/sms_menu.asp" -->
		<div id="content">	
			<h4>&nbsp;<%=Session("school_name")%> School Management System Login</h4>
			
			<div id="decorative">
				<p>We have increased our website security to ensure that your data and identity is safe in the ever-changing world of web-based 
				applications.  These changes should be transparent to you, the end user.  However, if your login credentials no longer grant you access to 
				your account please contact your school administrator to have them changed.</p>
				<%If Not sHackMsg = vbNullString Then%>
					<p class="err_msg"><%=sHackMsg%></p>
				<%Else%>
					<form name="site_login" method="Post" action="login.asp" onSubmit="return chkFlds();" style="width:250px;">
					<table style="width:200px;">
						<%If Not sErrMsg = vbNullString Then%>
							<tr>
								<td class="err_msg" colspan="2">
									<%=sErrMsg%>
								</td>
							</tr>
						<%End If%>
						<tr>
							<th>User Name:</th>
							<td>
								<input type="text" name="user_name" id="user_name" size="12"  maxlength="12">
							</td>
						</tr>
						<tr>
							<th>Password:</th>
							<td>
								<input type="password" name="password" id="password" size="12"  maxlength="12">
							</td>
						</tr>
						<tr>
							<td style="text-align:center;" colspan="2">
								<input type="hidden" name="submit_login" id="submit_login" value="submit_login">
								<input type="submit" name="submit1" id="submit1" value="Login">
							</td>
						</tr>
						<tr>
							<td style="background-color:#efefef;text-align:center;" colspan="2">
								<a href="javascript:pop('forgot_login.asp',400,250)" style="font-size:0.7em;">Forgot Login?</a>
							</td>
						</tr>
					</table>
					</form>
				<%End If%>
			</div>
		</div>
	</div>
</div>
<!--#include file = "../includes/footer.asp" -->
<%
conn.Close
Set conn = Nothing
%>
</body>
</html>

Open in new window


styles:
#wrap{
	position:relative;
	margin:0 auto;
	background:#fff;
}

body{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	font-family:arial, serif;
}

Open in new window

0
Bob Schneider
Asked:
Bob Schneider
1 Solution
 
thehagmanCommented:
At first glance, <div id="wrap"> should be horizontally centered.
However, since none of the inner divs has any style assigned, the content may fill all available space and thus leave no margin at all.

If you add something like width:75% to your #wrap style, you should observe symmetrical margins.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Microsoft Office 2010

This course will introduce you to the interfaces and features of Microsoft Office 2010 Word, Excel, PowerPoint, Outlook, and Access. You will learn about the features that are shared between all products in the Office suite, as well as the new features that are product specific.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now