Viewing Websites do not align center in iOS8 tablets
Websites do not align center in iOS8 tablets
|
User: Christopher 11 years ago
|
|
|
This has not yet been resolved. I've modified the page size and ensured that there is nothing extending beyond any borders. If you visit my site on an iPhone, you should see for yourself. Peter, you still experiencing the same problem? I hope help is on the way! Thanks ------------------------------- 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
|
|
|
There's a Facebook button script on the page. Try deleting it. You may have pasted it into the Site Wide Footer Code box? ------------------------------- 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 had the Facebook code in the Main footer page. I've taken it out and just applied it to the pages that now have a like button. Still, my mobile redirect page is not aligned! Furthermore, I'm having trouble getting my next page working. It looks good in EverWeb but when I publish, my poster image and background shapes are missing. When I preview, half of everything is missing, including new text. Huh?? If you want to see for yourself before I break the link, use an iPhone and go to cleetche.com, then click enter. It redirects to a test page I'm working on, the one that's not publishing correctly. (Date for this: Oct 7) 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
|
|
|
You need to post the actual URL to the page so that I can see the code. The URL to your mobile splash page is ... http://www.cleetche.com/m_cleetche.html So, what is the URL to the test page? Looking at the splash page in the browser, none of the objects are centered. Did you center them in EverWeb? Why are you using a splash page anyway? It's really a bad idea for SEO. The index.html page of your site is the one that grabs the interest of both the humans and the spiders. Yours has nothing for either group. ------------------------------- 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
|
|
|
Here's the link: http://cleetche.com/beach-hawkers-m.html As for the splash page, everything has been centred both in Metrics, and then using EverWeb - Arrange/Align Objects/Centre. No difference. See attached photo. Why am I using one? Cause I like em! They harken to the age of early Internet, oh 10 years ago. Plus, I was just going to show you U2's splash page.. but I see they've abandoned such nonsense now! Shame on me. ------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
 Screen Shot 2014-10-07 at 1.18.16 PM.png centre aligned |
|
|
User: Roddy 11 years ago
|
|
|
You have 19 images not found. Launch the page in Safari and use the web inspector to see them. You should not be using all these image shapes on a mobile website anyway. Last edit 11 years ago ------------------------------- 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
|
|
|
I can recreate the problem. The page is 480px wide. You have an object with a shadow behind the photo. The photo is 440 wide. The object with the shadow is 460 wide (on the ew canvas). EW creates a separate image with the shadow when published. That image is 500 wide. http://www.cleetche.com/images/m_cleetche/shape_shadow_0.png It sticks out -10 pixels on the left and +10 pixels on the right, making the page 500 wide in the browser. (if you use overflow: hidden, the shadow on the right is cut-off) When I display it in a iPhone similator on my iPad the photo centers in portrait, but is off center to the left in landscape. Don't ask why. It simply does. To overcome the problem, either make the background object smaller or use less shadow or simply make sure the resulting shadow does not stick out. Better yet, remove the shadow of the black background and use the created shadow image and drop it on the canvas behind the photo and proportionally resize it to 480 wide. PS. I'm referring to http://www.cleetche.com/m_cleetche.html, so do not change the subject. Last edit 11 years ago |
|
|
User: Christopher 11 years ago
|
|
|
Okay, thanks for your help as always. The page should be 400 px wide however. And the top image (tv face) is 360 px wide. (And now that I'm in advanced mode, I can't read your post so I'm going to post this then continue.) However, maybe if I just redesign the page from scratch things will sort themselves out, remaining conscious of the shadow overlap.
------------------------------- rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display www.cleetche.com |
|
 Screen Shot 2014-10-07 at 1.49.36 PM.png the metrics |
|
|
User: Christopher 11 years ago
|
|
|
Quote: Roddy - 07/10/2014 15:33:10 You have 19 images not found. Launch the page in Safari and use the web inspector to see them. You should not be using all these image shapes on a mobile website anyway. Okay, I see them in web inspector and I see that they're missing, but I don't know how to resolve this as they're plainly visible in Everweb. However, posting the link showed me that I should be placing my -M files under the desktop files to keep the addresses the same. beach-hawkers should follow /documentaries. If you have any advice on this, I'm posting a screenshot of my file list. As for using this many images, they're mostly just lines and shapes. It's so easy to create them in Everweb and in some cases, I'm using gradients. If the preferred route is CSS, why doesn't Everweb give us that option or simply do it for us once we've drawn a shape? Or is that too complex? 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 |
|
 Screen Shot 2014-10-07 at 1.54.00 PM.png am I organizing my files wrong too?? |
|
|
User: Jumbo T. 11 years ago
|
|
|
This page is 480 wide : http://www.cleetche.com/m_cleetche.html And on this page (400 wide) : http://cleetche.com/beach-hawkers-m.html the menu is behind the movie. Select the object with the menu and move it to the front. Or select the movie and move it to the back. Magic word : z-index : http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/ |
|
|
User: Roddy 11 years ago
|
|
|
This is going way off topic. You should start a new one for all this stuff. Quote: As for using this many images, they're mostly just lines and shapes. It's so easy to create them in Everweb and in some cases, I'm using gradients. If the preferred route is CSS, why doesn't Everweb give us that option or simply do it for us once we've drawn a shape? Or is that too complex? You're making the mistake of trying to create a miniature version of your conventional website. Try reading this page… http://everwebcodebox.com/mobile/features.html … and the following page if you are still publishing to a server other than the EverWeb one. ------------------------------- 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. |
|
| Post Reply |
| You must login or signup to post. |