Opacity in Tables - IE vs. Firefox, Trouble with it showing properly |
Opacity in Tables - IE vs. Firefox, Trouble with it showing properly |
![]()
Post
#1
|
|
Newbie ![]() Group: Member Posts: 1 Joined: Feb 2006 Member No: 382,152 ![]() |
OK. So I thought my profile would look fine since it showed up just great in Firefox, so I never thought to look at it in IE.
I was helping a friend and I thought I had done a great thing, but apparently she uses IE as her browser and so it got wonky. Here's what happens: I added coded which makes the tables be opaque, a little transparent but not completely. It looks great in Firefox. But in IE the tables cut off, and large bits of the page disappears unless you scroll, but then other parts disappear. Very annoying. Does anyone know what I can change in either/both code so that it will be properly viewed in both browswers? Tina has a picture of an actress on her background and would like the tables to be a little transparent so that you can see all of her (rather than barely see her because the tables are solid white, or having the tables completely transparent, which makes them hard to read). Thanks!! Here is my profile: http://www.myspace.com/blueathena And my frient Tina's: http://www.myspace.com/tinacofer Our codes are going to be different though.... Here is mine: <style type="text/css"> { Background Properties } table, tr, td { background-color:transparent; border:none; border-width:0;} body { background-color:226622; background-image:url('http://www.poetess77.com/0065.jpg'); background-attachment: fixed; background-repeat:repeat; border-color:000000; border-width:10px ; border-style: solid; scrollbar-face-color:beige; scrollbar-highlight-color:white; scrollbar-3dlight-color:black; scrollbar-shadow-color:black; scrollbar-darkshadow-color:black; scrollbar-arrow-color:black; scrollbar-track-color:white; } { Table Properties } table table { border: 0px } table table table table{border:0px} table table table { border-style:outset; border-width:3px; border-color:DDFFBB; background-color:ffefdb; filter: alpha(opacity=70); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9} } { Text Properties } table, tr, td, li, p, div { font-family:times new roman; color:AA2222; } .btext { font-family:times new roman;color:AA2222; } .blacktext10 { color:AA2222;font-family:times new roman; } .blacktext12 { color:775555; font-family:times new roman; } .lightbluetext8 { color:AA2222; font-family:times new roman; } .orangetext15 { color:775555; font-family:times new roman; } .redtext { color:000000;font-family:times new roman; } .redbtext { color:000000; font-family:times new roman; } .text { color:AA2222; font-family:times new roman; } .whitetext12 { color:775555; font-family:times new roman; } a:active, a:visited, a:link { color:AA2222; font-family:times new roman; } a:hover { color:000000; font-family:times new roman; } a.navbar:active, a.navbar:visited, a.navbar:link { color:FFFFDD; font-family:times new roman; } a.navbar:hover { color:882222; font-weight:bold; font-family:times new roman; } a.redlink:active, a.redlink:visited, a.redlink:link { color:AA2222; font-family:times new roman; } a.redlink:hover { color:000000; font-family:times new roman; } .nametext { color:775555; font-family:times new roman; } { Miscellaneous Properties } body { cursor:default;} a:hover { cursor:pointer;cursor:hand;} </style> And Tina's: <style type="text/css"> body { background-image:url('http://www.imgdump.net/images/11_tina.jpg'); background-position:Center Center; background-repeat:no-repeat; background-attachment:fixed; cursor:url(http://myspace.mytheme.com/cursors/middlehand.ani); background-color:white; scrollbar-face-color:000099 !important; scrollbar-track-color:000000 !important; scrollbar-arrow-color:000000 !important; scrollbar-shadow-color:FF6600 !important; scrollbar-3dlight-color:FF6600 !important; scrollbar-darkshadow-color:FF6600 !important; } table, tr, td {background:transparent; border:0px;} table table table { border-width:5px; border-color:black; border-style:solid; } table table table table {border:0px;} input {background-color:transparent !important;} td, span, div, input, a, table td div div font, body div table tbody tr td font { color:000099 !important; font-family: "Comic Sans MS" !important; } td, span, div, input, table td div div font, body div table tbody tr td font { color:000099 !important; } body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited, .btext, .redbtext, .nametext { color:000099 !important; } a { cursor:help !important; color:000099 !important; } a:hover { cursor:help ; color:000099 !important; } img {border:5px;} .r{} Table, Td{ background-color:transparent; } table table table{ width:100%; background-color:white; filter:alpha(opacity:80); -moz-opacity:0.9; opacity:0.9; -khtml-opacity:0.9; } </style> |
|
|
![]() ![]() |