I'm working on a project based on Bootstrap and I get a weird black line (no borders and even no div could have this black line). BUG?
Any ideas?
Related
I am stuck with one weird issue which only occurred in device during transition in state in Ionic App,it show blank white half screen on bottom.
I have tried various suggestions http://forum.ionicframework.com/t/brief-black-screen-d…/…/48 but nothing worked out even i had forcefully set the body height and background-color using jquery.Still,issue remain the same.
Below is Screen shot of Login screen view so you guys can found what really issue is.
I don't want to remove iPhone 5 support, I just want it so that it would be exactly like apps that have not been updated for iPhone 5's screen (where the black strips line the top and bottom on all view controllers).
Edit: Below is a picture showing what I mean. Also, my storyboard error log (yellow exclamation point in the side column) is showing that there, indeed, is NO iPhone 5 picture. Yet, it still loads up as though there is one.
Edit 2: I have created another new project and tried going in and deleting the actual file first (not from the one when you click on the target) and that worked. Thanks!
If you are talking about the letterboxes that are created when the app does not scale, remove the Default-568h#2x.png image from your project. By default, there is a black filler image in Project Summary under Launch Images. Remove that one, and it should still letterbox.
I'm facing a problem where a portal that I'm developing to serve pages for mobile devices doesn't display properly for iPhone - there appears some horizontal lines that I later found is a rendering issue. I've also got information that the lines also appear when viewed in Lumia 800, although I'm yet to test it in that device.
I've also went through threads discussing similar issues:
Thin gray/black lines on web page viewed with iPad
Line artifacts in mobile Safari
Rendering borders bug in Safari mobile
Mysterious horizontal lines on my site when rendered on iPad
But most of them suggest using some way to reduce the margin by 1 or 2 pixels (negative margin) and use the same amount of padding to get it back.
.iosfix{
margin-top: -1px;
margin-bottom: -1px;
padding-top: 1px;
padding-bottom: 1px;
}
But this exposes the background color, which is undesired.
I don't have the liberty to change the background color of such a div because in my requirement, the content to be displayed, the color styles, layout etc are dynamically built and I can't fiddle around with those changes.
I'm not able to post my exact code here, but I saw a very similar problem faced by another user posted in a different forum. The following is the site:
http://aaa.dev.energetica.com.au/
It renders properly in desktop browsers, but in the iPhone (I used the 3GS) horizontal lines were appearing.
Now that it is certain that its a browser issue with Mobile Safari and expecially considering iOS 6 has been launched, what is the official FIX for this issue that is not a 'compromise'?
Any iOS-specific tags to indicate the browser that it shouldn't apply the smoothening effect around the images?
In the case of nested divs, would applying a fix to the outermost div alone would suffice?
Would appreciate some assistance in solving the issue, Thanks!
Since updating to the latest XCode (although it may be iOS 5.1 related) I have noticed my iPhone now shows black horizontal lines between repetitions of my background image. This does not show on the simulator (normal or retina). Note my iPhone is retina.
I have tried adding a retina version of the background image but this shows the same issue (except the horizontal lines are twice as close to each other due to the resolution change). Another interesting thing is that the lines are only horizontal despite the background image being square, not sure how relevant this is?
Here is the code
self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:#"light_alu.png"]];
I also tried the code listed in this similar question to no avail.
Here is a screenshot of my game with the horizontal black lines (notice there is one right at the very top beneath the toolbar)
What is causing this to happen?
I solved the issue using the answer here. Essentially optimised PNGs cause the issue and re-saving the image without any fancy compression will fix it.
I have an issue with iPhone 4 adding some yellow stripes to an element with a white to grey gradient.
I have attached an image to show what it renders like on the iPhone.
It's not happening on previous versions of the iPhone or android phones.
Does anyone have any idea's as to why this might be happening?
what are the dimensions of the image? I ran across a similair issue before, and I had to play with the image width a bit to get it to scale properly.
I fixed my issue using this: Alpha transparent PNGs not displaying correctly in Mobile Safari
Hope it fixes your issue too!