Centering Folders and Galleries for all screen sizes
SGToliver
Registered Users Posts: 31 Big grins
I made my site look all nice. I was oblivious to the problem until I went to my site on a different computer. on my portfolio page i have two folders and two galleries. I have it this way because some of the catergories of my photos don't need more than gallery. I found out how to split them down the middle but the centering is an issue. Is there a way to create a static display for these so they dont shift and look different on every different screen size?
http://www.brianoliverphotography.com
http://www.brianoliverphotography.com
0
Comments
Link to site?
What happens when you shrink your browser to a smaller size on your PC?
the screen im using now is an old square one. i have corrected this page to be centered on this monitor 3 long, 2 deep. how does it view for you?
The tool is in the customisation links sticky thread in this forum
That bluebell shot is Smug, isn't it? You might want one of your own images there perhaps?
Like this - my full 24 inch screen which is 1920x1080px
Oh, Im very sorry. I've seen so many smug pages and images this last week. Nice shot! (as they say on flickr)
http://imgur.com/bdAgL5A
no worries! It at least looks good enough i guess!
If I shrink my browser down manually, the narrowest I can get it and still retain 4 columns is shown below. The green band at bottom and right shows the full extent of the monitor that the browser is in. The physical width of the browser (side to side) is 10 inches. Not sure what the equates to as a diagonal monitor measurement.
Had I gone narrower it would go to 3 cols. That is what it's supposed to do. Try mine (link in signature)
You can change your screen mode from stretchy to fixed, but I'm not sure of the implications. Go to customise/all site/layout. Mine looks, well, it doesn't look good (not saved so don't look) You could try it and use the screen tool to see what it looks like on other size screen?
Well, I don't know about that. If it's fixed you should retain columns etc. But users on a small screen will have to scroll the screen horizontally to see the right side, rather than content being automatically adjusted. Are you OK with that?
I think so. At least until I can create some new galleries. Most people have wider screen these days anyway.
If you want a fixed number of images on each row (automatically scaling their sizes up/down for different-sized displays), could you perhaps add some CSS to define columns by width percentage? Here's an example (for a different gallery style): http://www.smugocity.com/CSS/GS-Thumbnails/Mini-Thumbnails
! I could have a look on my Samsung Galaxy Ace, but the Smug app doesn't work for that phone :cry. But tomorrow is my birthday and I'm getting an Samsung S3!!! So I'll try it.