No replies
reuben
Offline
newbie
Last seen: 9 years 34 weeks ago
Timezone: GMT-5
Joined: 2010-12-14
Posts: 1
Points: 2

Hello,

I am trying to horizontally and vertically align to images and space them out. I can get it working in explorer but always have issues with chrome, firefox, safari, etc... is there any easy way that will work in all browsers? here is the page www.wmprager.com .. main images that show up in the middle.. and here is some of the code..

1. I was able to horizontaly center in chrome using css:

div.slideshow {
text-align: center;
vertical-align:middle;
}
div.slideshow table {
margin-left: auto;
margin-right: auto;
text-align:center;
vertical-align:middle;
}

2. I couldn't verticaly center in chrome using css, so by the end of second hour I switched to javascript. Script is only for Chrome so it is not run in other browsers. Basically Chrome didn't see all the space in the middle as space for td content, I had to calculate it and assign result to td.height.

I made changes to default.aspx, between

and

Also to

and on main.master I added "id" to content td and removed height (line 204).

any help would be great Puzzled