Strange white space offset in IE7?

Now I am developing a website, I have a headline, as usual. But there is a problem with entering textBox in IE7. When I look there with the IE developer tools, I see a strange LEFT offset, this is what the problem really is. Any help is appreciated. enter image description here

Here you can see the problem

source code (.rar)

+4
source share
3 answers

add display: inline; in #searchBox

and add a width of 1 or 2 pixels of your button, the problem will be solved.

this problem occurs in IE6 and 7, which is called a double margin margin error when applying a field to the first floating element, its margin doubles in IE6 and 7.

+8
source

Try wrapping the box in a div. eg.

<div><input type="text"></div> 
+2
source

It looks like this field is on #searchBox - margin: 14px 0 0 97px

Changing the field to #searchBox will move the input field.

0
source

Source: https://habr.com/ru/post/1393968/


All Articles