Possible? Keep position absolute consistent in mozilla? [modified]
-
Check out this page in ie, then check it out in fire fox or safari. This is valid XHTML 1.0. http://profile.prosoco.com/product_list.aspx[^] There is a div that displays when you hover over "Espanol". Why does the div display at the far left of the next line in mozilla and just below the text (Espanol) in IE? I want it to show up just under the text, espanol. How can I get it to do that? Thanks in advance. -- modified at 10:39 Wednesday 5th September, 2007
-
Check out this page in ie, then check it out in fire fox or safari. This is valid XHTML 1.0. http://profile.prosoco.com/product_list.aspx[^] There is a div that displays when you hover over "Espanol". Why does the div display at the far left of the next line in mozilla and just below the text (Espanol) in IE? I want it to show up just under the text, espanol. How can I get it to do that? Thanks in advance. -- modified at 10:39 Wednesday 5th September, 2007
http://www.communitymx.com/content/article.cfm?page=1&cid=C37E0[^]
"We make a living by what we get, we make a life by what we give." --Winston Churchill
-
http://www.communitymx.com/content/article.cfm?page=1&cid=C37E0[^]
"We make a living by what we get, we make a life by what we give." --Winston Churchill
-
Which part of that article are you suggesting applies to my position:absolute issue? In scanning the article I didn't see anything relavent.
You need to figure this one on your own since the solution may affect other parts of the page or code added in the future. Also, each version of IE has its own set of bugs. Here is a link that covers a lot of IE bugs with fixes\hacks: http://www.positioniseverything.net/[^]
"We make a living by what we get, we make a life by what we give." --Winston Churchill
-
You need to figure this one on your own since the solution may affect other parts of the page or code added in the future. Also, each version of IE has its own set of bugs. Here is a link that covers a lot of IE bugs with fixes\hacks: http://www.positioniseverything.net/[^]
"We make a living by what we get, we make a life by what we give." --Winston Churchill
That is strange advice for a message board... The problem is that I cannot figure this one out on my own. Hence the posting of the question here. No one else seems to know the answer either so I don't feel too bad. Perhaps I will just remove the pop up div.
-
Check out this page in ie, then check it out in fire fox or safari. This is valid XHTML 1.0. http://profile.prosoco.com/product_list.aspx[^] There is a div that displays when you hover over "Espanol". Why does the div display at the far left of the next line in mozilla and just below the text (Espanol) in IE? I want it to show up just under the text, espanol. How can I get it to do that? Thanks in advance. -- modified at 10:39 Wednesday 5th September, 2007
SOLUTION: -------------------- Use ul for the absolute positioned content instead of the just a div. The box models are still inconsistant between browsers with absolute positioned DIVs. You can still wrap the ul in a wrapper div that has a set width and is positioned absolute so that the ul doesn't get pushed left and down to the next line. ------------------ css:
#esp_wrapper{ width:250px; position:absolute; display:inline; } .sd{ margin:0; position:absolute; background-color:#efefef; padding:6px; padding-left:5px; border:1px #bbb solid; margin-top:15px; margin-left:6px; }html:* [PDS](#) * [Spec](#) * [MSDS](#) * [Español](#) * [PDS](#) * [MSDS](#) -
That is strange advice for a message board... The problem is that I cannot figure this one out on my own. Hence the posting of the question here. No one else seems to know the answer either so I don't feel too bad. Perhaps I will just remove the pop up div.
I am sorry for the strange advice. However, making pages consistent on different web browsers is difficult once you start getting a little fancy. Since I don't have mozilla installed, and I don't have the time actually fix your web page, I referred you the aforementioned web pages. By the way, I have also found this website helpful: http://www.alistapart.com/[^].
"We make a living by what we get, we make a life by what we give." --Winston Churchill