Skip to main content
S
sheryltoo
Known Participant
May 9, 2019
Answered

website doesn't display correctly on an Apple product or an android device

  • May 9, 2019
  • 3 replies
  • 3363 views

I use a Windows computer and after designing my site and uploading it to my remote server, it looks fine on my Windows computer and my Windows tablet but I just discovered that the page doesn't show correctly if you view it on an Apple product or an Android device.

I hope it's ok to put a link to my site so you can see what I've tried to create. The problem people are experiencing on an Apple product or Android device is the text on the bottom of the page doesn't appear inside my bordered design and overlaps lines of text.

I am not very experienced with Dreamweaver so I don't know if there's a way to make some change so my site can be seen correctly or do I need to start over again and design it without borders around my page context?

This topic has been closed for replies.
Correct answer Nancy OShea

Thanks for explaining all that. I think I'll take the plunge and buy the annual monthly plan but before I do, do you know if I could download bootstrap and use it with my older version of Dreamweaver? If so, would it give me templates that I could use or is it just codes and then up to me to understand what everything does? The new version of Dreamweaver looks like it has layouts I can use with bootstrap that I assume would be similar to the layouts I now can use only with codes that make your site responsive.

Oh and one more question perhaps you could answer. Would the new version of Dreamweaver be easier for a novice user trying to make a responsive website?


Bootstrap is an open source framework.  Anybody can download and use it freely.   But you need to understand the code.  And there is a wealth of online documentation about Bootstrap.

sheryltoo  wrote

Would the new version of Dreamweaver be easier for a novice user trying to make a responsive website?

Ease of use is highly subjective.   I think you should get a free 7 day trial of DW CC before you buy it.

Free Dreamweaver | Download Adobe Dreamweaver full version

3 replies

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
May 9, 2019

Short answer: Your site is not built responsively to fit all devices.

Long answer: Your site must be re-built with a responsive layout that includes modern HTML5 and CSS code.   If you're already a Creative Cloud plan member,  check out Adobe Portfolio.   All Portfolio layouts are built to work in mobile, tablet and desktop browsers.  No web hosting or coding skills required.

Adobe Portfolio | Build your own personalized website online

Nancy O'Shea— Product User & Community Expert
S
sheryltooAuthor
Known Participant
May 9, 2019

I don't think I have a creative cloud plan. I purchased Dreamweaver before they switched to you having to pay a monthly fee for the program.

I did however go to the Adobe Portfolio site and it looked as though I could set up a site however I have no idea how to use the program and the layouts look nothing like what I'd want my site to look like. Can you no longer create your sites using any version of Dreamweaver?

S
sheryltooAuthor
Known Participant
May 9, 2019

I was just looking at my plan and apparently I have the free cloud version. I've probably never used it or know how to use it. I'm not big on storing things in the cloud because you can't access the cloud unless you're on the internet.

S
sheryltooAuthor
Known Participant
May 9, 2019

I forgot to add the link.

Sheryl's Page

Jon Fritz
Community Expert
Jon FritzCommunity Expert
Community Expert
May 9, 2019

Specifically, you'll need to remove the height settings from the #container, #left_nav and #page_content selectors (and any others throughout your site that have text content) in your css.

Jon Fritz
Community Expert
Jon FritzCommunity Expert
Community Expert
May 9, 2019

That code made the layout look worse so I'm going to get rid of it. I still can't see my page correctly on my ipad and I did upload my updated CSS file but I seem to be having some issues every time I try and update from Dreamweaver. It's taken me a couple tries to get the remote server to show the updated file. I don't understand why. I never had that issue before. In any event, according to my remote server and local files, the date and time I made the changes are now current.


Could you explain what you mean by "can't see my page correctly"?

This is what I see on mobile...

Jon Fritz
Community Expert
Jon FritzCommunity Expert
Community Expert
May 9, 2019

Could you please post a link to the page in question so we can see for ourselves what's going on?

In the meantime, check your code with the validation tool under File > Validate > Validate Current Document (W3C) or go to http://validator.w3.org/nu to get a listing of your html errors. Cleaning up errors in your code is the first step to figuring out why something isn't working the way you expect.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices