Chcę wyświetlać zdjęcie z galerii na tle przyciemnionej strony, czyli coś w stylu lightbox`a.
Nie chcę korzystać z rozwiązań gotowych, tylko spróbować napisać coś własnego.
O to co wymyśliłem:
<div id="box" style="height:100%;width:100%;position:absolute;left:0;top:0;margin:auto;"> <div id="content" style="width:300px;height:300px;background-color:#ffffff;position:absolute;left:50%;top:50%;margin-left:auto;margin-right:auto"> Tutaj właściwy tekst albo zdjęcie </div> <div id="background" style="width:100%;height:100%;background-color:#000000;filter: Alpha(Opacity=80, Style=0);-moz-opacity:0.8;opacity:0.8;"> <!--TO JEST WARSTWA PRZYCIEMNIAJĄCA STRONĘ--> </div> </div>
DIV box rozciąga się na całą stronę.
DIV content zawiera zdjęcie
DIV background znajduje się pod DIV`em content i przyciemnia stronę
Problem mam z wyśrodkowaniem DIV`a content. Chcę go mieć centralnie na środku strony (niezależnie od rozdzielczości) i w obecnej postaci pozycjonowany (left: 50%; right:50%) jest jego lewy, górny wierzchołek, a nie całość.
Ktoś ma jakiś pomysł, a może inaczej skonstruować ten szablon?
Pozdrawiam