Streaming live at 10am (PST)

Get rid of 1 Pixel Gap


#1

Site: https://preview.webflow.com/preview/onlinetest?preview=fb9421899cf0f479cf19dc8fd4df7544

I have two search forms, one on the top, the other at the bottom. The text field and submit button are left floated so they line up. The issue I am having is in IE there is a 1 pixel gap between the text field and submit button.

I've spent hours trying to fix this and would GREATLY appreciate someone taking a look and telling me why there is an IE only 1 pixel gap.

Thanks in advance!

-Brian


#2

Your link doesn't work.

Try to set margins and padding to specifically zero on these elements, there's must likely a default somewhere on IE that you need to reset.


#3

I tried setting all margins and padding to zero and that didn't help.

Hopefully this link works:

https://preview.webflow.com/preview/onlinetest?preview=e2a1daebe0fa6eaed501decd8d3b7ae2

Can you help? Thanks.

-Brian


#4

The two IE I have don't show a pixel gap.

But you can use a simpler way to achieve the same result and there will be no gap.

Watch how I've done it:

https://v.usetapes.com/hQcQF6RtEz


#5

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.