What is the best way to center an image within a page?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
If you have set your page to be centered in the Page Inspector, and you place the image in the center (left to right) of the page in Freeway, then it will appear centered left-to-right in the browser. If you also want the image to center top to bottom, you have a much larger issue. HTML doesn’t really work that way predictably.
There are some hacks you can use, such as a single-cell table set to 100% height and width with the image centered and valigned middle. But this is a very difficult thing to get perfectly right, and for certain sizes of browser, you can end up with a mess because the image cannot collapse so you will have scroll bars.
Another trick you can try is to draw a layered HTML box on the page, use the inspector to set its height and width both to 100% (and place it at the 0,0 top left corner). Make sure your page is set to Align: None. Now use the Style tab of the Item Inspector to set your photo as the background image for that HTML box, and set its positioning to center, center, no tiling. This will work in a recent version of Freeway, I just tried it. The image will crop (but remain centered) in a too-small browser window, and will always center to the window.
Walter
On Feb 24, 2012, at 1:47 PM, Sebastian Algarme wrote:
What is the best way to center an image within a page?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options