Image moving with Browser Size

[RChilton]

I have tried changing the css all around but can not seem to get the desired results. The “search” box stays in the correct position vertically but moves horizontally as you resize the browser window. It only happens on the front page of the website.

http://www.coremultisports.com

Any help and suggestions would be great, I have tried everything I can think of and I’m sure it is something simple.

[Paulie_D]

You seem to be using a lot of absolute positioning….and that’s generally a no-no.

I’d start there.

[RChilton]

I started with a position of fixed on (#nav, #nav1 and #nav_text which is the navigation menu 1/3 of the way down that the search box sits on) but then the image and text are in the proper place horizontally but scroll vertically (the opposite problem of the search bar). Clearly I am missing something.

thanks

[TBRudy3]

Your list that looks as tho it is in the nav bar, is not. Try putting that in the nav1 div. Also I wouldn’t position that absolutely. You will run into a lot of trouble doing that.

You may have also left an additional somewhere in there. Try commenting for each one closed out and you may find something you missed.

I would also recommend linking to an external style sheet.

[TBRudy3]

Position that fixed*** Sorry bout that

[TBRudy3]

an addition div – Geez sorry still waking up

[Author]

Posts