Dobře, tak ještě jednou.
<div class="body">
<div class="object">
<h1>Nadpis</h1>
<p>Lorem ipsum dolor isamet, pidet quidu.</p>
<img src="" alt="" />
</div>
</div>
div.body {
width: 500px;
height: 500px;
margin: 0px;
padding: 0px;
float: left;
position: relative;
top: 0px;
left: 0px;
}
div.body div.object {
position: absolute;
top: 20px;
left: 20px;
float: left;
}
div.body div.object h1 {
float: left;
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-left: 10px;
font-size: pt;
}
div.body div.object p {
float: left;
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-left: 10px;
font-size: pt;
}
div.body div.object img {
float: left;
margin: 0px;
padding: 0px;
margin-top: 10px;
margin-left: 10px;
width: px;
height: px;
}
Všechny ostatní elementy vnořené v divu - object - můžeš pozicovat klasickým způsobem.