Odd issue with css for mobiles and ie11

Anonymous

#51124

I’ve been trying to tidy up my website prior to putting the first blocks online, and have been browsing pages with a mobile – Nokia with windows – and other browsers.

I generally use firefox as I like firebug, so I started browsing with chrome. I noticed that the search bars took a strange extra padding (left) in chrome, which made everything look weird. There was 40px of padding-left being added to .searchandfilter ul, which I tracked down to

-webkit-padding-start:40px

which chrome said was from ‘user agent stylesheet’.

I added -webkit-padding-start:0px !important;-webkit-margin-before:0px; which got rid of the problem on chrome.

However, the problem is the same in IE11 and also on my mobile. However, neither IE nor my mobile give me a clue as to what is causing the problem.

How do I get rid of this unwanted padding? I don’t have any other mobiles to hand to see if it affects iphones, tablets, etc, so I don’t know if it’s just a microsoft/windows issue.

Thanks

Anonymous

#51125

This reply has been marked as private.

Anonymous

#51127

Solved it, sorry – the one thing I hadn’t tried was padding:0;

Sorreee.

Trevor

#51128

Sadly, I do not have any version of IE on any machine here, and I do not see any issues in Chrome? Do you have any comparative screenshots?

Anonymous

#51133

Hi,

No, chrome was fixed quickly, but in the end fixing the mobile and ie browsers was as simple as padding:0; for the ul.

Sorry to waste your time.

[Author]

Posts