calvin182 Posted March 23, 2006 Share Posted March 23, 2006 I downloaded nicetitles and it has some -moz css included, and I would like it to be valid and still function properly in FireFox, any ideas? /*** NICE TITLES*********************************************************/div.nicetitle { background-color: #333; color: #fff; font: bold 13px "Trebuchet MS", Verdana, Arial, sans-serif; left: 0; padding: 4px; position: absolute; top: 0; width: 25em; z-index: 20; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 10px; -moz-opacity: .87; /* changes: */ min-width: 300px; width: auto; height: auto;} div.nicetitle p { margin: 0; padding: 0 3px; -moz-opacity: 1;}div.nicetitle p.destination { font-size: 9px; padding-top: 3px; text-align: left; -moz-opacity: 1;}div.nicetitle p span.accesskey { color: #d17e62;} Link to comment Share on other sites More sharing options...
raimo Posted March 23, 2006 Share Posted March 23, 2006 I downloaded nicetitles and it has some -moz css included, and I would like it to be valid and still function properly in FireFox, any ideas?It is not valid until it is valid. :)So if You need it to be as valid there is no other way than remove all -moz things. -moz-opacity:opacity: 0.5; works fine with Firefox (values 0.00 -> 1.0)border-radius is coming to CSS3http://www.w3.org/TR/2002/WD-css3-border-2...e-border-radiusIf You really need rounded corners, use images in corners or as backgroundof element .. until CSS3 works.So today's big question is: why Mozilla is trying to mess CSS with unvalid -moz things?Not very wise from Mozilla, in my opinnion. Link to comment Share on other sites More sharing options...
scott100 Posted March 23, 2006 Share Posted March 23, 2006 If You really need rounded corners, use images in corners or as backgroundof element .. until CSS3 works.<{POST_SNAPBACK}> Rounded borders with pure css: http://www.cssplay.co.uk/boxes/krazy.html Link to comment Share on other sites More sharing options...
calvin182 Posted March 23, 2006 Author Share Posted March 23, 2006 ill look into the pure css borders link, thanks, as far as opacity: 0.5; working, it does but it doesnt validate *sigh*thanks you guys Link to comment Share on other sites More sharing options...
Jonas Posted March 23, 2006 Share Posted March 23, 2006 ill look into the pure css borders link, thanks, as far as opacity: 0.5; working, it does but it doesnt validate *sigh*thanks you guys<{POST_SNAPBACK}> You know, you could always move all the moz- css information over to another stylesheet named mozilla.css or something. Then, when inputting the css valid button, write this as a link:http://jigsaw.w3.org/css-validator/validator?uri=http://www.yourdomain.com/validstylesheet.cssCall it a validation hack if you will... Link to comment Share on other sites More sharing options...
calvin182 Posted March 23, 2006 Author Share Posted March 23, 2006 thats an interesting idea... if I dont figure something out I might just do thatthanks jonas Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now