Highlighted

My Dreamweaver website renders differently in each browser.

New Here ,
Oct 02, 2019

Copy link to clipboard

Copied

My Dreamweaver created website is different on each browser. Renders perfectly on Firefox, Edge and Safari. Looks great on Ipads and Iphones. Chrome is a problem on desktop and chromebook. This behavior is consistent in both preview and actual viewing on the website. 

 

My base design is a two column multiple row array with a photograph on the left and text on the right. When viewed at full screen, the text overlays on the top of the photograph. Shrink the browser window and the website goes to two columns. 

I think this appeared early in September. I have not made any changes in my .css files.

 

I am checking here because it's either something I did in DW or something changed in Chrome. I am asking in both places. 

 

website URL   http://www.joelipkaphoto.com/

Thanks for your help. 

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional
  1. It's time to update your code to HTML5 -- the web standard since 2014.

  2. Fix your errors.  Code errors are the single biggest cause of rendering defects.  
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.joelipkaphoto.com%2F


  3. While you're at it, optimize your photos for the web.  Currently, your images take forever to load and make mobile users consume wayyyyyyy too much bandwidth.  This is particularly bad for restricted data plans.  See GTMetrix report for details. https://gtmetrix.com/reports/www.joelipkaphoto.com/DIlAiW2R


  4. Justified text should never be used on websites.  Yes, I do mean never. 


  5. Extra scrollbars do nothing positive for your site.  Get rid of them.

 

clipboard_image_0.png

TOPICS
Browser, Code, Performance, Publish

Views

258

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

My Dreamweaver website renders differently in each browser.

New Here ,
Oct 02, 2019

Copy link to clipboard

Copied

My Dreamweaver created website is different on each browser. Renders perfectly on Firefox, Edge and Safari. Looks great on Ipads and Iphones. Chrome is a problem on desktop and chromebook. This behavior is consistent in both preview and actual viewing on the website. 

 

My base design is a two column multiple row array with a photograph on the left and text on the right. When viewed at full screen, the text overlays on the top of the photograph. Shrink the browser window and the website goes to two columns. 

I think this appeared early in September. I have not made any changes in my .css files.

 

I am checking here because it's either something I did in DW or something changed in Chrome. I am asking in both places. 

 

website URL   http://www.joelipkaphoto.com/

Thanks for your help. 

Adobe Community Professional
Correct answer by Nancy OShea | Adobe Community Professional
  1. It's time to update your code to HTML5 -- the web standard since 2014.

  2. Fix your errors.  Code errors are the single biggest cause of rendering defects.  
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.joelipkaphoto.com%2F


  3. While you're at it, optimize your photos for the web.  Currently, your images take forever to load and make mobile users consume wayyyyyyy too much bandwidth.  This is particularly bad for restricted data plans.  See GTMetrix report for details. https://gtmetrix.com/reports/www.joelipkaphoto.com/DIlAiW2R


  4. Justified text should never be used on websites.  Yes, I do mean never. 


  5. Extra scrollbars do nothing positive for your site.  Get rid of them.

 

clipboard_image_0.png

TOPICS
Browser, Code, Performance, Publish

Views

259

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Oct 02, 2019 0
Adobe Community Professional ,
Oct 02, 2019

Copy link to clipboard

Copied

  1. It's time to update your code to HTML5 -- the web standard since 2014.

  2. Fix your errors.  Code errors are the single biggest cause of rendering defects.  
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.joelipkaphoto.com%2F


  3. While you're at it, optimize your photos for the web.  Currently, your images take forever to load and make mobile users consume wayyyyyyy too much bandwidth.  This is particularly bad for restricted data plans.  See GTMetrix report for details. https://gtmetrix.com/reports/www.joelipkaphoto.com/DIlAiW2R


  4. Justified text should never be used on websites.  Yes, I do mean never. 


  5. Extra scrollbars do nothing positive for your site.  Get rid of them.

 

clipboard_image_0.png

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 02, 2019 1