1 reply [Last post]
shenoyvnm
shenoyvnm's picture
Offline
newbie
Last seen: 8 years 5 weeks ago
Timezone: GMT+5.5
Joined: 2015-01-03
Posts: 1
Points: 2

Hi All, this is my first post on this site Big smile

I am facing very strange issue with formatting of a page.Actually,when user user lands on the page, it displays a carousel with skills. (See img1)
If you see the image1 formatting goes for a toss. So what i did was i pressed F12(chrome dev tools) in order to investigate. The moment i press F12, the formatting issue gets fixed automatically.See the image img2 after pressing F12 and you can see it is formatted now.

I am not really sure how can i fix this issue (since the error disappears when i press F12). I want the second image(formatted one) to be displayed on page load.

I also thought if it has something to do with height of the browser window, but once the image is formatted, it always remains like that( i.e it doesnot go back to the original unformatted one even if i close F12 or resize browser window etc).

I have copied the code on plunker for your reference. (When you open the below link, please click on "know more about me" to take to the carousel page). Please suggest.

http://plnkr.co/edit/t7cEoJbvmnqfe5pM7vdp?s=carousel&p=preview1

AttachmentSize
img2.PNG43.37 KB
img1.PNG68.82 KB
Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Hi shenoyvnm, It may be the

Hi shenoyvnm,
It may be the JavaScript errors causing the problem.
When you inspect element the console opens.
Check to see if you have any console.log calls, they can cause problems when the console is disabled.