CSS validation
Zielu - January 23, 2009 - 08:15
| Project: | Lightbox2 |
| Version: | 6.x-1.9 |
| Component: | User interface |
| Category: | bug report |
| Priority: | minor |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Description
File: lightbox2/css/lightbox.css
Line: 43
Fragment: *left: 0%;
My suggestion is to delete this line to avoid validator warning.
#1
It's very strange, I have Lightbox on two neraly similar websites.
Page1: CSS-Validation = OK
Page2: CSS-Validation = same as issue above !
What will happen, if I delete the line with *left: 0%; ???
What does this line do ???
#2
It will prevent the lightbox appearing in the correct position in IE.
#3
Hi Stella!
So why not use two CSS files, one named styles-ie.css and using it conditionally to avoid validator warnings in less problematic browsers?
#4
It seems I made duplicate issue with my post http://drupal.org/node/453512 I have since removed the
*left: 0%;and that fixed that error with only this error remaining:168 #overlay_default Property opacity doesn't exist in CSS level 2.1 but exists in [css3] : 0.6I was also getting 200+ warnings in the W3C validator even of Drupal core module css files. But when I submitted each individually in the validator they showed now errors. So being inquisitive I commented out
#overlay_default {opacity: 0.6;
So now my question is what is
#overlay_default {opacity: 0.6;
#5
It seems to only affect the position of the loader icon, could anyone confirm?
#loading {
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
position: absolute;
top: 40%;
left: 45%;
*left: 0%; /* does not validate */
}
#loadingLink {
display: block;
background: url(../images/loading.gif) no-repeat;
width: 32px;
height: 32px;
}
Applied to this piece of code:
<div id="loading"><a href="#" id="loadingLink"></a></div>#6
Yes it only affects the position of the loading icon
#7
Do you think there is another way to achieve the desired result? Centered loader.
I tried but without any success, we could reach to an expert in CSS or a CSS forum if we can extract any parent elements that affect this.
#8
Additional validation error
262 #lightboxImage Property -ms-interpolation-mode doesn't exist : bicubicThis property was introduced in #419204: IE image resizing patch