Previous Thread
Next Thread
Print Thread
Hop To
[NotABug] Footer issue #262099 01/23/2019 1:50 PM
Joined: Jun 2006
Posts: 683
Morgan Offline OP
Addict
OP Offline
Addict
Joined: Jun 2006
Posts: 683
Hi
I have had an issue for years with severa UBBT versions and with Iphones (have not tested with another phone).

When I use a iphone and am looking direct in a topic the footer is only about a third whidt and everything is at the left side.
When I am on a forum start page or a forum displaying all topics it looks right and it fills the footer to 100%

I have no local footers in ea forums only use the general>> html >> footer
the html table in the footer is set to 100% widht

example pages

http://www.britbike.com/forums/ubbthreads.php/forums/5/1/garage-sale-the-private-buy-sell-board

http://www.britbike.com/forums/ubbt.../big-head-fury-and-bullet-stuff-for-sale

Please note its not an issue with a computer web browser



any ideas?

Attached Files 8B14884E-22A2-4B83-9059-0DBB8BFBEA0F.png5E930A6B-27D8-4717-B9A0-4EFADB6BFAB5.png

Morgan Johansson
BritBike Forum
http://www.britbike.com/forums/ubbthreads.php
Re: [NotABug] Footer issue [Re: Morgan] #262100 01/23/2019 1:54 PM
Joined: Apr 2004
Posts: 1,549
isaac Offline
UBB.threads Developer
Offline
UBB.threads Developer
Joined: Apr 2004
Posts: 1,549
pls describe.


Current developer of UBB.threads PHP Forum Software // 7.7.3 released!
isaac @ id242.com // my forum @ CelicaHobby.com
Re: [NotABug] Footer issue [Re: Morgan] #262101 01/23/2019 1:59 PM
Joined: Jun 2006
Posts: 683
Morgan Offline OP
Addict
OP Offline
Addict
Joined: Jun 2006
Posts: 683
sorry you were fast for me.. ;: I updated the OP


Morgan Johansson
BritBike Forum
http://www.britbike.com/forums/ubbthreads.php
Re: [NotABug] Footer issue [Re: Morgan] #262102 01/23/2019 2:21 PM
Joined: Apr 2004
Posts: 1,549
isaac Offline
UBB.threads Developer
Offline
UBB.threads Developer
Joined: Apr 2004
Posts: 1,549
The issue on your website is due to your advertisements being too wide for mobile devices, and they are destroying the device's viewport window.

UBB.threads 7.6+ was written to allow a minimum of 320px viewport.
Your header advertisements are 512px wide.
When I test using an iPhone XR, your page pushes the screen out past the iPhone XR's 414px viewport width.


Viewport Sizes
iPhone
414 x 896 --- iPhone XR
375 x 812 --- iPhone XS
414 x 896 --- iPhone XS Max
375 x 812 --- iPhone X
414 x 736 --- iPhone 8 Plus
375 x 667 --- iPhone 8
414 x 736 --- iPhone 7 Plus
375 x 667 --- iPhone 7
414 x 736 --- iPhone 6 Plus/6S Plus
375 x 667 --- iPhone 6/6S
320 x 568 --- iPhone 5
iPod
320 x 568 --- iPod Touch
iPad
1024 x 1366 --- iPad Pro
768 x 1024 --- iPad Third & Fourth Generation
768 x 1024 --- iPad Air 1 & 2
768 x 1024 --- iPad Mini 2 & 3
768 x 1024 --- iPad Mini

A few viewport sizes from popular Android devices:
Android Phones
412 x 732 --- Nexus 6P
412 x 732 --- Nexus 5X
412 x 847 --- Google Pixel 3 XL
412 x 824 --- Google Pixel 3
412 x 732 --- Google Pixel 2 XL
412 x 732 --- Google Pixel XL
412 x 732 --- Google Pixel
360 x 740 --- Samsung Galaxy Note 9
480 x 853 --- Samsung Galaxy Note 5
480 x 853 --- LG G5
480 x 853 --- One Plus 3
360 x 740 --- Samsung Galaxy S9+
360 x 740 --- Samsung Galaxy S9
360 x 740 --- Samsung Galaxy S8+
360 x 740 --- Samsung Galaxy S8
360 x 640 --- Samsung Galaxy S7 Edge
360 x 640 --- Samsung Galaxy S7
Tablets
768 x 1024 --- Nexus 9
600 x 960 --- Nexus 7 (2013)
800 x 1280 --- Samsung Galaxy Tab 10
1280 x 850 --- Chromebook Pixel

this data was sourced from:
https://mediag.com/blog/popular-screen-resolutions-designing-for-all/

Last edited by isaac; 01/23/2019 2:23 PM. Reason: fixed typos

Current developer of UBB.threads PHP Forum Software // 7.7.3 released!
isaac @ id242.com // my forum @ CelicaHobby.com
Re: [NotABug] Footer issue [Re: Morgan] #262103 01/23/2019 2:35 PM
Joined: Jun 2006
Posts: 683
Morgan Offline OP
Addict
OP Offline
Addict
Joined: Jun 2006
Posts: 683
Hmm it does not sense to me just yet.

first facts.. in the header I use one table for banners the three in row are 240px wide each
the leaderboard size banner is 728x90px.

footer use leaderboard size banner is 728x90px.
the ebay box is 300px wide

I tested to remove the ebay and it does not make any different.

What disturbe be is that this is only when I open a topic not when I open a forum and see the topics or the forum start page.

Does this ring any bell?


Morgan Johansson
BritBike Forum
http://www.britbike.com/forums/ubbthreads.php
Re: [NotABug] Footer issue [Re: Morgan] #262104 01/23/2019 2:38 PM
Joined: Jun 2006
Posts: 683
Morgan Offline OP
Addict
OP Offline
Addict
Joined: Jun 2006
Posts: 683
More info I have now deleted the header so now I use only a footer and its the same problem


Morgan Johansson
BritBike Forum
http://www.britbike.com/forums/ubbthreads.php
Re: [NotABug] Footer issue [Re: Morgan] #262105 01/23/2019 2:43 PM
Joined: Jun 2006
Posts: 683
Morgan Offline OP
Addict
OP Offline
Addict
Joined: Jun 2006
Posts: 683
Isaac I fixed it my self, the individual forums uses a custom island insert and I used a leaderboard size banner 728x90 in there
it screwed up the layout at the footer

does that makes sense to you..
sorry for bothering you with this

Last edited by Morgan; 01/23/2019 2:45 PM.

Morgan Johansson
BritBike Forum
http://www.britbike.com/forums/ubbthreads.php
Re: [NotABug] Footer issue [Re: Morgan] #262107 01/23/2019 3:25 PM
Joined: Jun 2006
Posts: 683
Morgan Offline OP
Addict
OP Offline
Addict
Joined: Jun 2006
Posts: 683
After having a look I'll try to re arrange the banner and if possible resize down banner width's

thanks


Morgan Johansson
BritBike Forum
http://www.britbike.com/forums/ubbthreads.php
Re: [NotABug] Footer issue [Re: Morgan] #262123 01/26/2019 7:37 AM
Joined: Jun 2006
Posts: 683
Morgan Offline OP
Addict
OP Offline
Addict
Joined: Jun 2006
Posts: 683
@Isaac,

I am reading online
can you please explain the difference between Pixel Size & Viewport when building UBB to work for phones.

It says for iPhone 5= Pixel Size 640 x 1136 Viewport 320 x 568
for the upright view can I use 640px banner and make it work or do I need to reduce images or tables to 320px?
I'm looking for a way to use banners so it does not screw up the layout.

thanks for your input smile

Last edited by Morgan; 01/26/2019 7:38 AM.

Morgan Johansson
BritBike Forum
http://www.britbike.com/forums/ubbthreads.php
Re: [NotABug] Footer issue [Re: Morgan] #262124 01/26/2019 8:17 AM
Joined: Apr 2004
Posts: 1,549
isaac Offline
UBB.threads Developer
Offline
UBB.threads Developer
Joined: Apr 2004
Posts: 1,549
Originally Posted by Morgan
I am reading online
can you please explain the difference between Pixel Size & Viewport when building UBB to work for phones.

It says for iPhone 5= Pixel Size 640 x 1136 Viewport 320 x 568
for the upright view can I use 640px banner and make it work or do I need to reduce images or tables to 320px?
I'm looking for a way to use banners so it does not screw up the layout.


Click the link in my earlier post/reply to you above
https://www.ubbcentral.com/forums/ubbthreads.php/topics/262102/re-footer-issue#Post262102

Especially where is says:


There is also a link on that same page, in the second paragraph;
"Viewports are scaled down versions of resolutions that allows sites to be viewed more consistently across different devices."
https://www.w3schools.com/css/css_rwd_viewport.asp

Some devices use 1:1 scaling for their viewports, some use 1:2 scaling.

---

v v v MORE SPECIFIC TO YOUR NEEDS IS HERE v v v wink

But the simplest thing to work with is designing for responsive layout, rather than adaptive layout.
http://mediumwell.com/responsive-adaptive-mobile/

You can semi accomplish that by using for your wide images:
HTML
<img src="/images/toplogo.jpg" style="max-width:100%; height:auto;">

source: https://www.ubbcentral.com/forums/u.../re-image-resizing-for-mobile#Post259144

Or using display:inline-block for wrapping your div containers, as described and exampled here:
http://learnlayout.com/inline-block.html

I dont plan to go further in to detail about that in a future reply, as this topic has been talked about to death all over Google / Bing ...search.


edit:
i know you're trying to work this all out, and its not being easy. but you're doing fine if you keep reading and trying different things. this topic has been heavily documented because a lot of people have difficulties figuring it out. the magical part is when they do get it, they get it and everything becomes, "Wow. Thats kinda cool! I get that now, and can use it in other places that i didnt think about before smile "

Last edited by isaac; 01/26/2019 8:28 AM.

Current developer of UBB.threads PHP Forum Software // 7.7.3 released!
isaac @ id242.com // my forum @ CelicaHobby.com
Re: [NotABug] Footer issue [Re: Morgan] #262125 01/26/2019 9:31 AM
Joined: Jun 2006
Posts: 683
Morgan Offline OP
Addict
OP Offline
Addict
Joined: Jun 2006
Posts: 683
Thanks I'll look into it.


Morgan Johansson
BritBike Forum
http://www.britbike.com/forums/ubbthreads.php

Forum Search
ShoutChat Box
Comment Guidelines: Do post respectful and insightful comments. Don't flame, hate, spam.
Recent Topics
Mobile app?
by Baldeagle - 12/06/2019 9:32 PM
How do you change Text Line spacing?
by jorb - 11/23/2019 12:14 AM
What happened to FAQ or Forum Help
by Ruben - 11/20/2019 11:58 AM
Search feature encountering an Error message
by jorb - 11/20/2019 12:06 AM
UBB Dev
by JAISP - 11/03/2019 11:01 AM
Who's Online Now
0 registered members (), 62 guests, and 416 spiders.
Key: Admin, Global Mod, Mod
Random Gallery Image
Latest Gallery Images
Artistic structures
Artistic structures
by isaac, August 29
Stones
Stones
by isaac, August 19
Amusing Terain Scenics
Amusing Terain Scenics
by isaac, August 19
Sky places
Sky places
by isaac, August 19
Powered by UBB.threads™ PHP Forum Software 7.7.4
(Snapshot build 20191023)