Solved

Pop won't venter

Posted on 2011-02-13
1
167 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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Testing Responsiveness for Different Devices 4 36
CSS issue 8 40
Head to not include on scroll 4 23
Hiding Adsense on Mobile Devices 2 30
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

830 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