Solved

Pop won't venter

Posted on 2011-02-13
1
165 Views
Last Modified: 2012-05-11
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
Comment
Question by:Bob Schneider
1 Comment
 
LVL 20

Accepted Solution

by:
thehagman earned 500 total points
ID: 34882994
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

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
how to get responsive video to always be centered 15 63
CSS Question 9 42
Error in page 3 45
CSS z-index issue 3 20
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now