creative "more info" idea or fix to my current idea im using

[mat420]

Popup menu on image mouseover (I need image to disappear though)
or another pop up/"additional info" idea

here's the code I'm using...
I had it all settled, everything good, my popup menu perfect spot
then i open stupid internet explorer and the button im mousing over, shows ABOVE the menu (its actually just information, not even a menu with links)

aciddr0p.net/mgpcrepair has what i mean. the "more" buttons.

heres the code below that im using
thanks everyone

http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/P60/
full code is foudn there, the comments also mention some "fixes" for it, id appreciate any input on those fixes if you dont mind. thanks a lot.
[code]

<style type="text/css">

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #EFEFEF;
padding: 5px;
left: -1000px;
border: 1px dotted black;
visibility: hidden;ww
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -250px;
left: 0px; /*position where enlarged image should offset horizontally */

}

</style>

[mat420]

the whole method kinda sucks though actualyl i think im going to run into problems
the only reason im really doing it is because i dont want to stretch the page any bigger than it is, and even if i wanted to..id need to redesign the images and i dont have that capability.......im def open to ideas ;/ thanks people!

[mat420]

damn 28 views and nothin? come on people :p

thats why i come to such popular forums ;D!

jk jk. thanks to whoever even looked @ it to try and answer. :D

[traq]

calm down bro, be patient. You posted this less than 5 hours ago. It's not a phone call; it's not tech support. It's a bunch of regular people who happen to like volunteering their free time to help others figure stuff out.

Can you give us more info about what's wrong? What version of IE is this problem happening in? It would be very helpful if you would post a link to the page in question.

[mat420]

latest IE. just dl'd.
and i did post a link
i apologize its not an actual link if thats what u mean
http://aciddr0p.net/mgpcrepair

[mat420]

was kidding by the way if u couldnt tell...
just wanna throw that out there.

on my whole "trying to study so everything is amusing," happened to look back at views and didnt expect that many.

[traq]

latest IE. just dl'd.
and i did post a link
i apologize its not an actual link if thats what u mean
http://aciddr0p.net/mgpcrepair

Actually, from your original post, I thought that url was an example of what you wanted. Is that actually the page you're working on?


was kidding by the way if u couldnt tell...
just wanna throw that out there.

on my whole "trying to study so everything is amusing," happened to look back at views and didnt expect that many.no problem. just keep in mind that it's kinda hard to tell by text alone. :D

I'm on linux right now but I'll look at that page in IE when I get to my laptop tomorrow.

[mat420]

np, sites takin me forever anyway with everything else going on - no rush
'ppreciate it.

[traq]

I've been looking at it in IE7 - the positioning doesn't seem much different than in Firefox or Chrome...

did you already figure this out?

[mat420]

nope :(
and in ie 8, the more button shows on TOP of the popup instead of under it like crhome firefox and opera (or at least opera ...i forget if i checked the other 2)

[traq]

stole my wife's netbook to check and, by golly, you're right... ie8 must be interpreting something differently... have you tried adding something like z-index: 100 to .thumbnail:hover span ?

[mat420]

see below

[mat420]

haha wow it worked. thanks alot man. hate to push my luck lol but any ideas opinions on the whole like, for example "web design" has a much shorter descritpion than tutoring (when u hover over "more")
idk how i feel aobut making the box the same size with it mostly empty, just to look/nice match up...
probably my best bet tho?
thanks so much man, ur man

[traq]

you're welcome.

As far as making things "look nice" goes, I don't think the boxes all need to be the same size (it wouldn't look bad, either), but they should all be at the same vertical position. You could do this via javascript, or the simplest solution (workaround) would be to position all of the [ more >> ] buttons at the same vertical position. Either put them at the top, or push them all down to the bottom of their respective boxes.

[mat420]

i cant win man. now one of the bottoms dont match up with the other two (think id rather bottom match up than top) but the first one doesnt.
it also appears for some reason, that for each "more " button, the top gets higher and higher
like this _ - '

wish i could think of an easy alternative method for the 'more' but i cant think of anything

dont really like any other ideas i can think of

thanks so much for help .

[mat420]

could swear the more buttons were already at the same hieght. but i guess not. even if i did that though (i dont know how anyway) i guess just the height would change ?
oh that explains why it gets higher and higher through out the 3 "more's"
because the 3 more buttons go higher and higher.

[mat420]

i just want it so all of the bottoms line up so i can type as much information as i want and the height of the popup ONLY gets bigger, how can i complete this please?