Jump to content

Cre8asiteforums Internet Marketing
and Conversion Web Design


Photo

What Would Make A Web Page Appear Backwards?


  • Please log in to reply
10 replies to this topic

#1 Nny777

Nny777

    Gravity Master Member

  • Members
  • 147 posts

Posted 23 August 2016 - 09:13 AM

This is a really strange one - I've never seen anything like it.

 

On my Firefox this website appears exactly as it should, but on my Chrome it appears flipped, and without the main banner image. It works fine, and I'm the only one with this in my office, but I'm concerned it's happening for others.

Firefox

 

Chrome



#2 iamlost

iamlost

    The Wind Master

  • Site Administrators
  • 5206 posts

Posted 23 August 2016 - 09:41 AM

Do you have the flip it Chrome extension/plugin?

#3 cre8pc

cre8pc

    Dream Catcher Forums Founder

  • Admin - Top Level
  • 14422 posts

Posted 23 August 2016 - 09:52 AM

Both of your screenshots are fine...?? on FF and Chrome on my end.

 

Gotta URL to test?



#4 Grumpus

Grumpus

    Honored One Who Served Moderator Alumni

  • Hall Of Fame
  • 6539 posts

Posted 23 August 2016 - 11:51 AM

I see what you are saying in the images. I'd like to see the URL and the code, too, though.

 

Basically what is happening is there is some flexbox css code in there that is in some way messed up. My guess is that the firefox one is the way you WANT it to be displayed, but some div isn't properly closed and Chrome - being finicky like it is - is rendering the whole page that way.

 

G.



#5 Nny777

Nny777

    Gravity Master Member

  • Members
  • 147 posts

Posted 25 August 2016 - 04:06 AM

The URL is http://www.kathryns.co.uk

 

It isn't showing backwards on Chrome for anyone else, and I have repeatedly cleared my cache. I'll have to look into the flexbox!



#6 cre8pc

cre8pc

    Dream Catcher Forums Founder

  • Admin - Top Level
  • 14422 posts

Posted 25 August 2016 - 09:01 AM

I ran some quick tests on mobile, Android and Apple - and the homepage slider is not resizing for smaller resolutions. Typically settings for sliders for mobile should be "don't load" or resize to function properly or show a static hero image in its place.

 

cre.png

 

The order of the images stacking on your computer is in reverse. What is your OS and resolution for Chrome?


Edited by cre8pc, 25 August 2016 - 09:06 AM.


#7 cre8pc

cre8pc

    Dream Catcher Forums Founder

  • Admin - Top Level
  • 14422 posts

Posted 25 August 2016 - 09:14 AM

Tested on Win10 and Win8...Chrome.  Order is the same.

 

Your Chrome is even displaying the order of the next row in the wrong order...should start off with shop for girls, not shop for shoes.



#8 Nny777

Nny777

    Gravity Master Member

  • Members
  • 147 posts

Posted 25 August 2016 - 09:27 AM

Yeah, literally everything is backwards - the logo, information, even text comes out aligned the other way. Very strange.

 

It's not the best built website!



#9 cre8pc

cre8pc

    Dream Catcher Forums Founder

  • Admin - Top Level
  • 14422 posts

Posted 25 August 2016 - 09:32 AM

cre82.png

 

The order of the shop section as per code - girls to shoes (not in the reverse as you are seeing there).  I'm not sure why <div class="home-bannersstyle="margin-top: 20px;"> is in between the start of the order of images in that row.  

 

 

 



#10 cre8pc

cre8pc

    Dream Catcher Forums Founder

  • Admin - Top Level
  • 14422 posts

Posted 25 August 2016 - 09:45 AM

My hunting brought me to the same place that Stock mentioned... I thought it was a stackflow issue but am thinking more of flex-box CSS now.

 

http://www.w3schools...x-direction.asp  has additional info.



#11 wiser3

wiser3

    Mach 1 Member

  • 250 Posts Club
  • 265 posts

Posted 25 August 2016 - 09:57 PM

I've only ever seen something like this once or maybe twice before.

 

Search all the CSS for "rtl" your looking for something like:

direction: rtl

 

and less likely

 

direction: ltr

 

These direction change rules are meant for languages that are read from right to left but some browsers will also reverse the order of images, divs, etc...





RSS Feed

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users