# \[CSS/HTML\] centering in Opera

**URL:** <https://forum.kirupa.com/t/css-html-centering-in-opera/246323>\
**Category:** web dev\
**Created:** [December 10, 2007, 3:58am UTC](https://forum.kirupa.com/t/css-html-centering-in-opera/246323 "2007-12-10T03:58:13Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![BetaWar](https://avatars.discourse-cdn.com/v4/letter/b/e79b87/32.png) [@BetaWar](https://forum.kirupa.com/u/BetaWar)\
**Post date:** [December 10, 2007, 3:58am UTC](https://forum.kirupa.com/t/css-html-centering-in-opera/246323/1 "2007-12-10T03:58:13Z")

</div>

Okay, so I am in the process of creating an application to view images in (sort of like lightbox) but need to make it cross browser. The biggest issue that I am having is with browsers like Mozilla/FF and Opera; the image is not being centered on the screen, but instead shown in the top right corner.

I am using something like so:

```auto

<table style="width: 100%; height: 100%; position: absolute; top: 0; left: 0;">
<tr>
<td valign="center">
<center>
<div>
<img src="something.jpg">
<br>
Caption<br>
<small>
Image Number
</small>
</div>
</center>
</td>
</tr>
</table>

```

Which centers the content very nicely in IE 6 (haven’t tested in IE 7 yet) but has no centering in Mozilla/Firefox or Opera.

Does anyone know of a reason that this could be, or how to fix it?