I’m experiencing a problem with the ion-row elements inside ion-grid in internet explorer 11 and ionic 3. They doesn’t have the correct height around the ion-col elements inside ion-grid.
I made a little example so you can reproduce it, please note that the “second row” text in internet explorer 11 is displayed far down in the page, in chrome and other browsers it shows correctly.
https://stackblitz.com/edit/ionic-vcjcpf?file=pages%2Fhome%2Fhome.html
Does anyone experienced this problem? did you find a solution?
Thank you very much
Best regards
Related
Theres a way to create swipeable tabs on Ionic 3 in library 3.
But a lot has changed in Ionic 4, There are swipeable tabs but without animation.
It doesn’t work the same way anymore, so I wanted to know if its possible to do the same effect with Ionic 4.
Ok, so someone showed me this alternative, it's a little hacky but I think it will do for now.
Might also help others so I will post link
https://gist.github.com/JCKodel/4c5ee68a38c0648c5833d7c9e85bdd35
I cannot understand why prettyphoto it's not showing the chart if the page has the scroll bar active.
Please check at these two pages, they have exactly the same code with the exception that the second one has more paragraphs and doesn't fit in one screen.
http://education.miami.edu/sp/itworks.html
http://education.miami.edu/sp/itdoesntwork.html
I would really appreciate your help!
Thanks,
Daniele
Can you give more information. When I open both the pages in Chrome, it is working fine for me.
Also, please note that FusionCharts has stopped supporting the flash version of charts [the charts in your example pages uses Flash version of charts]. You can use the javascript version of their charts.
The product is good.But I've got a problem - in the opera at the bottom of the image and can not see it. Although other browsers work fine. Can anyone give any solution to this problem?
Page with the problem
Got an issue I've been trying to solve without much luck for a while across various projects.
I've got some divs with text inside that is centered with CSS using display: block and line-height. I also tried with padding and a fixed height. Typically, these are setup as either just headers, or sometimes buttons.
Either way, I always seem to have an offset on the top from vertical center in the mobile safari browser that I don't get in ANY web browser (it's perfectly vertically aligned in a desktop browser). I can alter the setting to center in the mobile browser, but this throws out all the other browsers and this is a responsive design.
Has anyone experienced this issue?
I've got -webkit-text-size-adjust: 100%; but that doesn't seem to be related to this issue.
So far my hack work around is to have devices only css which sets a different line-height, but as you can imagine, that's a horrible solution.
This article has some great information on many different options for centering content when you don't know anything about the widths and heights:
http://css-tricks.com/centering-in-the-unknown/
It builds on from user1002464's answer quite well.
you can use display:table-cell and vertical-align:middle for the div containing the text
One of my designers sliced up a PSD & for some reason the page isn't rendering on iPhones or iPads. The div that contains a feedback link is the only thing that is visible. I've spent some time on the issue, but can't seem to find the issue. Have a look here: http://bit.ly/jNcJ47
I get the same problem in Safari on my Mac. I messed around with the Web Inspector for a few minutes and found out that when I disable the sidebar1 element's height: attribute, the content appears.
that's because the width occupied by the sidebar1 div is making the rest drop to the bottom! and since your container div has the overflow hidden, it doesn't even show the other floatted divs that dropped.
I advise positioning that div absolutelly and you're done.