
Untitled
By: a guest on
May 1st, 2012 | syntax:
None | size: 1.01 KB | hits: 19 | expires: Never
CSS Using absolute position to place an element directly below another element?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Intro</title>
</head>
<body class="claro" dvFlowLayout="true" data-davinci-ws="collapse" id="myapp">
<img></img>
<img src="Y.gif" style="position: absolute; left: 30%; top: 48.5%; width: 7%; height: auto;z-index:100;"></img>
<img src="m.gif" style="position: absolute; left: 30%; top: 48%; width: 7%; height: auto;z-index:100;"></img>
<img src="ymbackwardsindustries3.gif" style="position: absolute; left: 37%; top: 45%; width: 40%; height: auto;z-index:100;"></img>
<img src="ym5.gif" style="width: 30%; height: auto;"><div id="menuBar" style="width: 100%; background-color: #050552; left: 0px; position: static; height: 58px; top: 94px;"></div>
</img>
<div id="main" style="position: absolute; width: 75%; height: 100%; left: 0px; top: 152px;"></div>
<div id="navigation" style="position: absolute; width: 100%; height: 100%; left: 75%; top: 152px;"></div>
</body>
</html>