open (in firefox) http://archweb.pl/test/www.php and click on the
image.
you can see what i mean...
in ie everything is ok.
wtf?

Ummmmm....
Why is your container aligned with vertical-align and table-cell instead of:
margin: 0 auto;

The actual layout is screwed to begin with...

cuz i want to middle vertically my layout

edit:
without .css files of lightbox, there is everything ok. but i want to have lightbox2 on my site, so i put these lines into the code:
<link rel="stylesheet" href="style/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

i click on the miniature of the photo and it crashes. i suppose that this is because of 'display: table' in body, html, but it is necessary for my vertically aligned layout (as i think it is..).

If you want to vertically align a div, do something like this:

<style type="text/css">
div.container {
width:500px;
height:400px;
background-color:#000000;
margin-left:-250px; /* half of width */
margin-top:-200px; /* half of height */
top:50%;
left:50%;
position:absolute;
z-index:10;
}
</style>

Keep in mind that the height will need to be specified. Otherwise, if it is dynamic, you will need to adjust the height via the DOM in js based on the offsets of your view.

thanks vn5ltr for your advice.
but you know.. your advice is not so good for me, cuz i have a dynamic height of the container. nevermind.
as you can see, the layout is working in IE and in every browser as well. all i need is good, working solution how to center vertically the container but not using the 'table' in the 'html, body' (which crashes the lightbox).
i'll be glad if you give me that.

edit:
but now im going to sleep. its almost 2.30 am here, so good night everyone

Come to think of it, I don't understand how you expect to vertically align a container with a dynamic height?? It isn't logical unless what you 'see' are the boundaries of your container height, then you can vertically align it...

Why not just give the top a margin to offset is like every other site, then you can have your dynamic height?

There are several vertical centering methods in this stickie:
http://www.webmaster-talk.com/css-fo...r-website.html