View Full Version : Problem with zooming

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">
<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" />

<div id = "aw">
<div id="apDiv2">

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/>

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

and this is the css

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

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


any help would be appreciated. xD

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.