want to move top left search box into header

[keylesslocks]

I designed a custom header and want to move the saerch box code from the upper right corner to the header area below... where would I go to grab that top header code? also, any words of wisdom on how to incorporate it?

~ Eric

[davewest]

Edit your style sheet to move it!

Search the style sheet 'stylesheet.css' for;

#navMainSearch {
    float: right;
    }

Replace it with a relative position like below;

#navMainSearch {
    position: relative;
    top: -30px;
    left: 650px;
    width: 170px;
    }

play with the numbers for top and left to get it where you want it.

[keylesslocks]

when I add that code, it creates a huge gap at the top, I can move around the search box, but there is now a huge gap beween that top little header and our main header area.

[keylesslocks]

anyone know why this is? I really need to move this sucker!

thanks!

[davewest]

anyone know why this is? I really need to move this sucker!

thanks!

Nice picture, can't say much about the problem without looking at the code.

Got a link!

[keylesslocks]

Dave, thanks for your reply, it is MidwestApplianceParts.com

[davewest]

Dave, thanks for your reply, it is MidwestApplianceParts.com

The code looks good, it's wrap a little different then what I did. I checked it with IE6 and FF3, both work fine, no added space as in your photo.

[keylesslocks]

got the search box moved, but now I get this error....

any ideas to what went wrong?

[keylesslocks]

note, this only happens on our login page, which is a secure page:
https://midwestapplianceparts.com/account/login.html