Viewing Websites do not align center in iOS8 tablets
Websites do not align center in iOS8 tablets
|
User: Peter B. 11 years ago
|
|
|
Hi, I just noticed that on my iPad with iOS8 the sites created with EverWeb do not align center anymore. They did on iOs 7.x but even though the site has not changed, it doesn't center anymore. Has something changed in Safari or are we missing a setting here ? |
|
|
User: Paul-RAGESW 11 years ago
|
|
|
What's your website url?
------------------------------- Paul EverWeb Developer |
|
|
User: Peter B. 11 years ago
|
|
|
HI Paul, have a look at either one of these: www.bizzmacs.nl www.rgblaserbv.nl www.rgblaserbv.com Regards, Peter |
|
|
User: Roddy 11 years ago
|
|
|
Show the layout in EverWeb and look for an item(s) that is extending out of the content area into the browser background on the right hand side. This will push the whole layout to the left on a tablet which has no browser background.
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Peter B. 11 years ago
|
|
|
Hi Paul and `roddy. I took Roddy's advice and checked the formatting and layout. Everything is within the boundaries of the layout. Nothing spills over. Still....the problem remains... It could very well be a bug in Ios8's Safari of some sort....that's unclear. Perhaps others reading this can check and report on this ? Peter |
|
|
User: Jumbo T. 11 years ago
|
|
|
See this post for reason of problem and solution : http://billing.ragesw.com/forum.php?act=thread&tid=2170&p=1#post4 |
|
|
User: Roddy 11 years ago
|
|
This looks like overflow to me… These buttons cause a lot of problems and use a huge amount of code for little - if any - gain. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Jumbo T. 11 years ago
|
|
|
@Peter If you're in (the webdesign business), you may as well get aquinted with the technology behind a webpage. Making collages is not enough. This page you designed has the same problem (scroll down and do Command-A) : http://www.rimblades.nl/ And this page does not exist : http://www.cslogistics.nl/ Should be : http://www.cslogisticsbv.nl/ The problems occur because the container div has no overflow: hidden attribute. So everything that sticks out the content area, makes the page wider. Some times it is benificial, most times it's not. The same with the HTML snippet. Doesn't matter how large or small the Snippet is on the page. Last edit 11 years ago |
|
|
User: Cornelis V. 11 years ago
|
|
|
In the Inspector > first tab: Page Settings > Is your Page Layout > Centered Layout? See screen dump below: |
|
 Schermafbeelding 2014-09-20 om 14.34.25.png |
|
|
User: Roddy 11 years ago
|
|
|
Using the centered layout doesn't make any difference. Unlike computer browsers, mobile ones show the content width at the full width of the screen. Any item extending beyond the content area increases the viewport width so the content is pushed to one side or another to accommodate this. A lot of mobile specific website designs are in fact left aligned by default which works fine on mobile devices. Fully responsive designs require the content to be centered to allow them to appear "normal" on computers. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Christopher 11 years ago
|
|
|
I'm glad I found this post. I've just created my first mobile redirect page and it's also not centre-aligning on my iPhone 5. Looks fine in EverWeb and nothing is spilling out.
------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Christopher 11 years ago
|
|
|
I've tried twice now to add a screen grab attachment. What gives?
Last edit 11 years ago ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Roddy 11 years ago
|
|
|
Did you include any social media buttons on the page? If so, did you look at the topic that Jumbo T. referred to above… http://billing.ragesw.com/forum.php?act=thread&tid=2170&p=1#post5 ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Christopher 11 years ago
|
|
|
Yeah, no social media buttons of any kind. I'm just testing this out so have kept it easy with a graphic, a shape, and text.
------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
|
User: Christopher 11 years ago
|
|
|
I'll try uploading a jpg instead. See if this works...
------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
 IMG_6130.jpg as seen on iPhone 5 with iOS 8 |
|
| Post Reply |
| You must login or signup to post. |