...

View Full Version : Problem with zooming



impacter
11-17-2011, 05:07 AM
Hi guys. Im having this problem that if i zoom in or out of of the browser, the division inside the division does not move along with the image. here is my code

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id = "aw">
<div id="apDiv2">
<h2>Login</h2>
<?php

if(isset($_REQUEST['error']))
{
echo '<script type="text/javascript">alert("Invalid Username or Password");</script>';
}
?>
<form action="check.php" method="post" name="login">

Username <input type="text" name="user" /><br/>
Password <input type="password" name="pass"/><br/>
<input type="submit" value="login" /><br/>

</form>
</div>
<div id="apDiv3">
<p> some text here</p>
</div>
</div>
<div id="apDiv1">
<img src="image/hope page.jpg"/>
</div>
</body>
</html>

and this is the css


#apDiv1 {
text-align: center;
}
#apDiv2 {
text-align: center;
left: 827px;
top: 284px;
width: 178px;
position: absolute;

}
#apDiv3 {
position:absolute;
text-transform: uppercase;
text-align: center;
left: 301px;
top: 546px;
height: 318px;
width: 621px;

}


any help would be appreciated. xD

teedoff
11-17-2011, 04:31 PM
Probably going to need a link to your site, since you have that image as part of the issue.

But I would point out that the use of absolute positioning might be the culprit.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum