Solved

Pop won't venter

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

Back Up Your Microsoft Windows Server®

Back up all your Microsoft Windows Server – on-premises, in remote locations, in private and hybrid clouds. Your entire Windows Server will be backed up in one easy step with patented, block-level disk imaging. We achieve RTOs (recovery time objectives) as low as 15 seconds.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Not showing page correctly 3 41
Download a website to hdd 2 68
CSS: Making responsive table look nicer 7 27
styling bootstrap grid system with CSS 2 6
When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

810 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