W dniu 2011-10-18 15:41, Borneq pisze:
> Dzięki, dało (wraz z position: relative) to:
> #tlo_kont {display:block; position: relative; margin-left: auto;
> margin-right: auto; top: 275px; width: 883px; height: 550px; }

Jest problem właśnie z tym że position musi być relative a nie absolute
aby dało się przesuwac na środek.
I z tym jest kłopot:
jeżeli mogę ciemną planszę postawić niżej od górnego obrazka w którym
wstawiam zdjęcie i napisy:
html:
<img id="top_top" src="top00000.png">
<img id="tlo_kont" src="tlo_kont.png">
css:
#top_top {display:block; position: relative; margin-left: auto;
margin-right: auto;
top: 0px; left: 0px; width: 915px; height: 275px; }
#tlo_kont {display:block; position: relative; margin-left: auto;
margin-right: auto;
top: 0px; width: 883px; height: 550px; }

to gorzej jest wstawić zdjęcie:
<img id="top_foto" src="foto0000.jpg">
#top_foto {display:block; position: absolute; margin-left: auto;
margin-right: auto;
top: 22px; left: 50px; width: 251px; height: 225px; }
Nie przesuwa się, natomiast gdy zmieniam na relative dało się rozwiązać
wpisując ujemne współrzędne:
#top_foto {display:block; position: relative; margin-left: auto;
margin-right: auto;
top: -803px; left: -282px; width: 251px; height: 225px; }
Właściwie kłopot rozwiązany - czy można jeszcze w inny sposób? np 2
relative do 1 i 3 relative do 1 ?

-----------------------------------------
Został drugi problem:
Centrowanie działa w ten sposób że gdy jest szerokie okno przeglądarki,
wtedy centruje a gdy jest wąskie ustawia na początek i nie przesuwa.
Jednak mam trzy bloki, każdy innej szerokości i gdy zwężam tło stoi a
obrazek przesuwa się i chowa z lewej strony (bo współrzędne left:
-282px) gdyby było coś jako position: relative-y