FF ---> IE
- Started
- Last post
- 48 Responses
- madirish0
put it back in your pant's e-pill.....
; )
- Jaline0
hmmm, those scripts don't seem to be working....
- Hello-Sexy0
im a little disapointed you didnt use my script :) but that would be a pretty easy code for both ie and ff (with transparency) if you were willing to use some non validating css.
- Jaline0
Ian, I'm definitely trying to find a way to incorporate that script into my next design, haha. I love it too much not to.
But for right now I'm using the tabs script from MudCorp, b/c I already finished the design.
If I can't get this transparency thing to work soon, I'll either change the images to GIF/JPG or just leave the PNG files and let the IE 6.0 users deal with it.
- Hello-Sexy0
you can just throw a background div instead of the image background with a background color. then set its transparency via css: (i hope this shows up)
filter:alpha(opacity=20);
-moz-opacity:0.20;
opacity: 0.20;
-khtml-opacity:0.20;change the 20 (.20) to whatever you want....
that will make that div transparent. if you need rounded corners (firefox only):
-moz-border-radius:10px;
change the radius for the amount you want.
- Jaline0
thanks, Ian! I'll try that now...
- Jaline0
How do you add that to just the background? I can't figure out how to put the background opacity within a background tag, within a main tag.
- i_monk0
IE can go to hell and take its users with it. There, I said it.
- spiralstarez0
BTW - gif won't work. I gif is either transparent or opaque, but not variable opacity.
You should be able to use the pngfix script here
http://homepage.ntlworld.com/bob…
but it only works in IE5.5 plus. But I say screw anyone who would still use 5.0.
Second, if you are designing for web standards it's better to start in Mozilla. Mozilla follows standard rules, so if you follow them too then everything will work.
It's IE that nothing works consistently for, but workarounds have been sorted for all the major probs.
Plus if you are designing for web standards mozilla your design is more future proof as Microsoft is forced to slowly adopt standards.
- Mick0
As much as ie may suck, it's still 80+ percent of your audience.
- winter0
run your code through TopStyle3 or PSPad (this prog is free) and apply the "Tidy Check". If you work through all the errors and warnings they MUST show almost identical. beware of frames, divs and css.
- winter0
oops, i did not read through all the posts. I guess you fixed it by now. Nice stuff btw.
- spiralstarez0
'beware of frames divs and css'
there's nothing wrong with divs and css at all, they are what you should use, but properly.
- winter0
of course, sprialstarez.
i meant that's where trouble usually happens with me, but as i type this i'm sure it looks like a very egoccentric remark. sorry. not intended.
- Jaline0
arrrrghhhh
I give up.
- spiralstarez0
Tis true though that it's tougher using CSS and divs. I think it pays in the longrun though.
Jaline, what are you still having trouble with?
- Jaline0
Okay, nevermind. Maybe I should convert the png's into something else while preserving transparency. Seems like the easiest thing to do.
- Rand0
god, web design is a pain in the ass
- spiralstarez0
Jaline - that's not going to work. PNG is the only thing well supported that supports variable transparency.
But I think what you have shown is totally achievable with the PNG. Try the pngfix script I posted, I've used it and it works fine.
Also, if you want to serve things to certain browsers you can do it with CSS
for ie
#divname {
background:gif
}ie can't see this:
html>body #divname {
background:png
}or you can specify two rules to hide things from only IE5
#divname {
background:gif
voice-family: "\"}\"";
voice-family:inherit;
background:png
/*only IE6 and Mozilla see the second one */
}
- Crouwel0
i am on Netscape 3 and it does not look good.