blog documentation FAQ followers forum marketplace services youtube

gallery view sizing issue

The Jamroom Network » Forum » Ning To Jamroom » Page » gallery view sizing issue
soaringeagle
@soaringeagle
9 years ago
3,304 posts
https://www.dreadlockssite.com/sarahbosley/gallery/dreadlocks/all
on all the view options, 2 4 6 8 ..all except 3 the widths add up to 96-98%
3 adds up to 100 and shows as 2 columns not 3
if its 32 instead of 33%
it works fine



--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
updated by @soaringeagle: 08/02/15 11:14:40AM
michael
@michael
9 years ago
7,715 posts
probably some padding on some element causing % plus padding to exceed 100% so wraps. Or a border thickness.
soaringeagle
@soaringeagle
9 years ago
3,304 posts
i searched and i searched and could find nothing
but i did notice all except the 3 when you added the widths times number none but the 3 added up to 100% so i figured they were specificly set to below 100% to solve this issue since 24% and 49% etc werent 25 and 50
it seems they were purposely set to not add up to 100% and the 33% was just missed and should be 32

i could not find any paddings or borders or anything that would cause it, only the facct that every other value was specificly set to not utilize 100%
give me 10 sec and ill verify that setting the 24 to 25 and 49 to 50 etc causes the same issues


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
soaringeagle
@soaringeagle
9 years ago
3,304 posts
verified
when set to 4 i had to increase 3 of them to 25 to see the issue when set to 2 only 1

its just the 3 needs to be 32 not 33


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
michael
@michael
9 years ago
7,715 posts
On your URL here:
https://www.dreadlockssite.com/sarahbosley/gallery/dreadlocks/all

They all look correct to me.
2 // shows 2 images
3 // shows 3 images
4 // shows 4 images
6 // shows 6 images
8 // shows 8 images

Is that not what you see? What browser?
screenshot_firefox_3.jpg
screenshot_firefox_3.jpg  •  204KB


updated by @michael: 07/01/15 12:01:11AM
soaringeagle
@soaringeagle
9 years ago
3,304 posts
weird
wonder why they dont to me
let me try a lil more testing
this is what i see when i click 3
33.jpg
33.jpg  •  99KB




--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
updated by @soaringeagle: 07/01/15 12:07:00AM
soaringeagle
@soaringeagle
9 years ago
3,304 posts
same issue here in fact
https://www.dreadlockssite.com/soaring-eagle/gallery/rainbow-gatherings/all

but
if i do control - it works
try control 0 to reset to default zoom and see if u still see 3

would native screen resolution matter, or desktop scaling dpi
i do use large fonts setting
i think that should only effect em not % values

noticed also as i control + to zoom in to tablet/mobile view its alsio 2 not 3
try it on a tablet



--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities
updated by @soaringeagle: 07/01/15 12:16:54AM
michael
@michael
9 years ago
7,715 posts
Yeah, I can make it not fit by zooming the browser in, but there's nothing you can do to stop that. If the user wants to zoom in to +10 then the site is going to look different.

You have to design for +0. I can't see any other way to do it without going nuts.
soaringeagle
@soaringeagle
9 years ago
3,304 posts
yea but for some reason at +0 it doesnt work for me the only thing i can think of is dpi scaling and alot of people use large fonts
what else could it be
but i did notice that since all the other options none add up to 100% and work the 3 1 if it was 32 not 33 it works
i tried in every browser so it must be the system font size setting..right?


--
soaringeagle
head dreadhead at dreadlocks site
glider pilot student and member/volunteer coordinator with freedoms wings international soaring for people with disabilities

Tags