2 replies [Last post]
epic
Offline
Regular
Chicago, IL
Last seen: 15 years 1 week ago
Chicago, IL
Joined: 2004-11-17
Posts: 21
Points: 0

Hello all,

I'm running into a small bug with IE and an absolutely positioned DIV.

I have a search engine in an absolutely positioned div that I want to have sit on top of the header image of the site. It works beautifully in Firefox. However, in IE, it is not showing at all. If I change the div to relative, it'll throw everything out of whack, but IE will then show it (even though it's out of whack).

#search		{ position: absolute; margin: 0; padding: 0; border: 0; width: 375px; height: 32px; background: transparent url(bg_search.png); top: 93px; right: 0px; z-index: 99; }

So like I said, the above works perfectly in Firefox, however IE doesn't even show this div. Once I change it to relative, both browsers render the page horribly but then you'll see this div in IE and in fox, even though it's not in the right spot at all in both browsers

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 8 years 51 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Absolute Divs and Z-Index

You'll need to show the whole html and CSS or a link to your page. CSS by itself doesn't explain the entirety of what is happening.

epic
Offline
Regular
Chicago, IL
Last seen: 15 years 1 week ago
Chicago, IL
Joined: 2004-11-17
Posts: 21
Points: 0

Absolute Divs and Z-Index

I found the solution.

I had to put my search div within my image header div and it works for both.