[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now

x
?
Solved

Pop won't venter

Posted on 2011-02-13
1
Medium Priority
?
174 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 20

Accepted Solution

by:
thehagman earned 2000 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

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

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

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Suggested Courses

649 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