Questions tagged css

Explore the latest questions and answers asked by our top developers.

Unable to remove the page outer margin of the pdf which is created using html/css in flutter iOS

I am trying to remove the outer white margin of PDF which is created using Html/css in flutter-iOS-app. In case of android the layout is working fine but incase of iOS there is left-margin issue as shown in the attachment of iOS. Issue at Github: Created Issue at GITHUB I have used these libraries in […]

By jazzbpn
Published
Categorised as css, flutter, html, ios, pdf-generation

IOS Safari: unwanted scroll when keyboard is opened and body scroll is disabled

There is a known technique to disable page scroll when modal window is opened. CSS: html { height: 100%; } body.disable-scroll { position: fixed; height: 100%; overflow: hidden; } HTML: <!DOCTYPE html> <html> <head> <title>Parcel Sandbox</title> <meta charset=”UTF-8″ /> <meta content=”width=device-width, initial-scale=1.0, user-scalable=no” name=”viewport”> </head> <body class=”disable-scroll”> <div class=”page-content”> <input type=”text”> … content … </div> […]

By Dzmitry Vasilevsky
Published
Categorised as css, html, ios

Button Dynamic Padding/Height Issue on Mobile

For some reason button elements have extra “padding” or “height” when compared to other elements with the same value if the value is not fixed but dynamic. I have verified the issue myself in Chrome and Safari on iOS, and one of my friends verified the issue in Chrome on Android. A. Fixed value for […]

By BugWhisperer
Published
Categorised as android, css, html, ios, mobile

Body and fixed div scrolling issues in Safari / Chrome / Firefox for iOS

Here is a test web page: https://codepen.io/zephyr103/pen/KOxgzL includes code like: body.no-scroll { overflow: hidden; } It works in my MacOSX browsers (including the iOS/Android simulators in Chrome) and usually works fine in Android. It has problems in Safari, Chrome and Firefox in iOS. When you click “Short Quote” or “Long Quote” it has a variable […]

By Luke Wenke
Published
Categorised as css, ios, scroll

Button bug only on IOS

The site that I am currently working on has a problem with a slider that I made, and it’s driving me crazy. Under the part called “Selected Customers” on this site, when on any ios device the arrows inside the buttons are wrongly placed and the button either does not work at all or very […]

By Andreas Moldskred
Published
Categorised as css, html, ios, mobile-safari

Fixed persistent header and scroll to focussed input fields

QUESTION: Based on the given examples for homescreen web apps in iOS7 Safari, how can I achieve both a fixed persistent header that never scrolls out of view, and form input fields that scroll into view when tapped? The two examples have one difference, one has height=device-height in the viewport, the other doesn’t. Without device-height […]

Fixed background image with ios7

I have a project that I am using the fixed background image. It works great on everything except ios7. On the ipad the background image is zoomed in and blurry. Here is the CSS code I am using – .header { display: table; height: 100%; width: 100%; position: relative; color: #fff; background: url(../images/boston2.jpg) no-repeat center […]

By user2560895
Published
Categorised as background, cover, css, ios7 Tagged , , ,

disappearing position fixed header in ios7 mobile safari

I’ve been messing with this all day and can’t seem to find a fix. I’ve got a simple ul that acts as a fixed header with the following css: body { width: 100%; height: 100%; min-height: 100%; } .stream .header { position: fixed; width: 100%; height: 41px; top: 0; right: 0; left: 0; z-index: 10; […]

By fscof
Published
Categorised as css, css-position, ios7, mobile-safari, scroll
1 2 3

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq