Pseudo Selector First Child of Class
Problem How do you apply a style to only the first element with a certain class? :first-child does not do this, that just selects the very first child no matter what the class is. :first-of-type...
View ArticleCSS iOS div lines disappear on zoom in
Problem In iOS devices sometimes safari can display an annoying line above and below div elements. Like so: Solution The solution is quite hacky and hopefully this is a bug in Safari and it gets...
View Article2 color horizontally expanding background
All done in css, no images. Float the background past the normal page width based on percentage. one on the left, one on the right....
View ArticleLine in Firefox background
Problem When scaling the FireFox and having a background image size set to 100%, the bottom of the image sometimes shows a line on the bottom showing the background behind it. Solution Firefox seems to...
View ArticleLeft Sidebar Under Content
Problem Having a left sidebar move under the content in a responsive design needs a bit more thinking. You can’t just do float left width 100% or display block and let the sidebar fall to the next...
View ArticleRelative positioning of table rows and row groups is now supported. This site...
Firefox displayed this warning in the Firebug console. This warning indicates an absolutely positioned does not consider a table element relatively positioned so it may not appear as expected. A...
View Article