Tags
- CSS (11)
- Design (9)
- HTML (7)
- Inspiration (6)
- Links Roundup (6)
- Typography (6)
- illustration (6)
- Creativeness (5)
- Development (5)
- Javascript (4)
- View all 77 tags
- Links (3)
- Mobile (3)
- Tutorial (3)
- Markup (2)
- Minimalist (2)
- Tips (2)
- Vintage (2)
- Xcode (2)
- Xmas (2)
- jQuery (2)
- photoshop (2)
- progressive enrichment (2)
- retro (2)
- Badge (1)
- Bookmarklet (1)
- Cards (1)
- Christmas (1)
- DOM (1)
- Date (1)
- Drop Caps (1)
- Illustrator (1)
- Link (1)
- PHP (1)
- Pizza by the slice (1)
- Redesign (1)
- Roy Doty (1)
- Twitter (1)
- UI (1)
- UX (1)
- Vector (1)
- Wordpress (1)
- accessibility (1)
- adjacent sibling selector (1)
- animation (1)
- barack (1)
- bug (1)
- clearfix (1)
- collage (1)
- color (1)
- css 3 (1)
- easy-clearing (1)
- election (1)
- form (1)
- freebies (1)
- gogobot (1)
- group (1)
- halloween (1)
- iPhone (1)
- ie7 (1)
- image editor (1)
- ios (1)
- job (1)
- label (1)
- obama (1)
- oneyear (1)
- portfolio (1)
- progressive enhancement (1)
- pumpkin (1)
- rgba (1)
- roundup (1)
- scroll (1)
- spooky (1)
- steampunk (1)
- tools (1)
- tooltip (1)
- webkit (1)
- yes we can (1)
Archive
July 27th, 12:00pm
0 comments
Adjacent Sibling Selector Bug in IE7
I recently ran into a bug on Internet Explore 7 that was driving me nuts. After hours of debugging, I finally found the solution.
IE7 has a bug when using adjacent sibling selectors. If there is a comment between two elements, it will think that the comment is the next element. Here is the example:
CSS
Markup with comment
The image bellow shows how it supposed to look like in all modern browsers. Unfortunately, the only way to make it work in IE7 would be by removing the comment.
