CODEWITHSUNDEEP
htmlcssinternet-explorer-7
beratuslu
beratuslu

Reputation: 1119

Strange offset empty space in IE7?

I'm now developing a website, I have a header as usual. But there is a problem in search textBox input with IE7. When I look at there with IE developer tools I see strange LEFT offset this is what the problem is actually. Any helps appreciated. enter image description here

This is where you can see the problem

source code(.rar)

Upvotes: 4

Views: 3500

Answers (3)

Parijat
Parijat

Reputation: 21

Try to enclose the field in a div. e.g.

<div><input type="text"></div>

Upvotes: 2

Pal Singh
Pal Singh

Reputation: 1974

add display:inline; to #searchBox

and addjust 1 or 2 px width of your button, problem will be solved

this problem arise in IE6 & 7, its called double float margin bug, when you apply margin to the first floating element, its margen get doubled in IE6 & 7.

Upvotes: 8

whostolemyhat
whostolemyhat

Reputation: 3123

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

Changing the margin on #searchBox will move the input field.

Upvotes: 0

Related Questions