Here is my code:
[code=html]<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”utf-8″ />
<!– Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess –>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″ />
<title>HTML</title>
<meta name=”description” content=”” />
<meta name=”author” content=”asitar” />
<!–<meta name=”viewport” content=”width=device-width; initial-scale=1.0″ />–>
<!– Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references –>
<link rel=”shortcut icon” href=”/favicon.ico” />
<link rel=”apple-touch-icon” href=”/apple-touch-icon.png” />
<style type=”text/css”>
body,html {margin:0 auto; }
div.backgrnd { background-image: url(“main/background_stretched.jpg”); background-attachment:local; background-repeat:no-repeat;margin-left:auto; margin-right:auto;width:1000px;border-style:dashed;width:1000px;overflow:visible;}
div.center {position:absolute; left:200px; right:200px; height:auto; border-style:dashed;}
div.left {position: relative; left: 20px;}
div.right {position: relative; left:620px; right:20px; border-style:dashed;}
</style>
</head>
<body>
<!–<table style=”height:100%;width:100%;”>
<tr>
<td align=”center”>–>
<div class=”backgrnd”>
<div class=”left”>
1
</div>
<div class=”center”>
<div align=”center”>
<img align=”middle” src=”model.jpg” />
</div>
<p>test</p>
</div>
<div class=”right”>
2
</div>
<!–<header>
<h1>HTML</h1>
</header>
<nav>
<p>
<a href=”/”>Home</a>
</p>
<p>
<a href=”/contact”>Contact</a>
</p>
</nav>
<div>
</div>
<footer>
<p>
© Copyright by asitar
</p>
</footer>
–>
</div>
<!–</td>
</tr>
</table>–>
</body>
</html>
will the “right” parameter of absolute div be related to screen width or parent div? why borders of child absolute div is not included into parent div?