Why am I getting a 1-2 pixel wide gap on http://techmobile.com/contact-usTESTBOX.html between the Search Box and the Right Edge of the Page?
Exact same code for the search box is on http://techmobile.com/open-service-call.html and this page doesn’t have the gap.
I’ve spent over 2 1/2 hours looking for a solution.
#container #search #searchbox_left { background-image: url("../images/stories/search_left.gif"); background-repeat: no-repeat; width: 5px; height: 45px; float: left }
#container #search #searchbox_right { background-image: url("../images/stories/search_right.gif"); background-repeat: no-repeat; width: 6px; height: 45px; float: left }
#container #search #searchbox_area {
float: left;
font: 12px Arial, Helvetica, sans-serif;
background-color: #000000;
height: 33px;
min-width: 410px;
width: auto !important;
width: 410px;
padding: 12px 10px 0px 10px;
color: #FFFFFF;
}
In your
containerdiv is atablewith two rows. The page with extra spaces as two extratds in the second row that are each 1px wide.Those bottom cells are the issue as compared to
on the page rendering correctly.
EDIT
Just to make sure the solutions are clear, either removing the extra
tds or adding a colspan somewhere on the second to include those extra cells would take care of the spacing.