• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Chrome and Site Float Left Mystery

New Here ,
Jan 04, 2020 Jan 04, 2020

Copy link to clipboard

Copied

Hi Fellow Weavers.

I have a few very simple responsive sites that are all doing the same thing. In Explorer, all elements float center as designed. They are also fine in Edge. Then we get to Chrome. First show/fresh cache shows all elements and containers centered as planned, but a refresh (or subsequent visit to the same page) sends all containers flush left, where they stay until I clear cache. Then it's back to center.

 

Here's the kicker. It stays centered in Chrome ingognito through multiple refreshes. So it HAS to be attached to regular cache, right? I am thinking maybe a Chrome setting?

 

Either way, it's driving me a bit crazy. Any ideas/advice/answers/code would be greatly appreciated.

 

Here's one of the sites that this happens on: https://tidalrestorations.com/

 

Thanks. 

Andre, NC

TOPICS
Browser

Views

1.0K

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
community guidelines
Community Expert ,
Jan 04, 2020 Jan 04, 2020

Copy link to clipboard

Copied

I'm not getting that display issue when I view it on my Chrome (Version 79.0.3945.88 (Official Build) (64-bit)), in both regular and incognito modes. Have you run your latest system and browser updates, to be on the safe side?

Hope this helps!
Make sure to press "✔ Correct Answer" on this post if this answers your question. Happy Creating!
Anissa • @anissat

Votes

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
community guidelines
LEGEND ,
Jan 05, 2020 Jan 05, 2020

Copy link to clipboard

Copied

There is no such thing as float: middle;???

 

.style-logo {
		float: middle;
	}


.col-middle { float: middle; padding: 0px 7px 14px; }

 

Votes

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
community guidelines
Community Expert ,
Jan 05, 2020 Jan 05, 2020

Copy link to clipboard

Copied

LATEST

You have a hard SSL failure due to mixed content which could be causing problems.  A script with an insecure url of "http://use.edgefonts.net/lato:n1:default.js" was loaded on code line: 47.  You must change the URL to https (secure) or remove the script.

 

Check your other sites through Why No Padlock in case there are more mixed content issues.

https://www.whynopadlock.com/

 

After all mixed content blocking issues are removed,  validate your HTML & CSS and fix reported errors.

https://validator.w3.org/

https://jigsaw.w3.org/css-validator/

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines