Odpověď na otázku

Ahoj,

učím se v css, ale celý dnešek řeším jeden problém, který určitě musí být úplně primitivní. Teda aspoň doufám.

Snažím se pozicovat pozadí, skrz css. Viz screen:

Jak dostanu objekt B na stejnou úroveň vpravo od objektu A? Když nastavím pozici left, tak jak ji mám, tak mi to bere podle zobrazovacího okna, takže i kdybych to upravil dle mého rozlišení, tak by se to na každém jiném rozlišení zobrazovalo jinak. Dá se to nějak nastavit podle divu "telo", který má těch 800 px? Když nenastavím pozici top, na zapoznámkovanou výšku 195px, tak mi to zakryje obraz A. Přes pozici relative mi to přijde nevhodný, musí to jít přece i nějak přes absolute ne? Jsem z toho už zoufalý.

PS1: pro pozicování pozadí mám v html použít pouze prázdné divy, jak to mám v příkladu? Zdá se mi to nepraktické.

PS2: Když z divu "telo" odstraním margin: auto;, celé se mi to zarovná doleva, jde to nějak jinak vystředit nebo se to opravdu dělá přes ten margin? Zdá se mi to nevhodné.

Příklad:

<head><!--  ščřžýŠČŘŽÝ -->
  <meta name="generator" content="PSPad editor, [url]www.pspad.com[/url]" />
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  
  <title>Kodovani designu</title>
<style type="text/css">
  #telo{
  width: 800px;
  margin: auto;
  }
  #obr{
    background: url(obr.png) no-repeat;
    background-position: center;
    position: absolute;
    top: 0px;
    width: 800px;
    height: 195px;        
  }
  #acko{
    background: url(a.png) no-repeat;
    position: absolute;
    top: 195px;
    width: 196px;
    height: 233px;
  }
  #becko{
    background: url(b.png) no-repeat;
    position: absolute;
    top: 428px;
    /*top: 195px;*/
    left: 196px;    
    width: 604px;
    height: 233px;
    }  
</style>
</head>
<body>
  <div id="telo">      
    
    <div id="obr">
    </div>
         
    <div id="acko">
    </div>
    
    <div id="becko">
    </div>    

  </div>
</body>
</html>

Pozicování pozadí css