The Ultimate CSS Hack Pt. 3

Well here it is. The final chapter of the series. With CSS3 on it's way, hopefully browsers will continue to adapt and finally agree for the most part on how to display websites. But until then, we'll continue to hack away (when necessary of course).

Opera
Although there are many hacks for Opera, the following code is ONLY read by Opera browsers, and will be ignored by ALL other browsers.

.top {
padding-top: 10px;
}
@media screen and (min-width: 900px) {
.top {
padding-top: 10px;
}
}

The CSS surrounded by the code highlighted in blue, is only read by Opera and "top" can be replaced by any old CSS syntax. Because of the "Linear Rule" that we defined at the start of the series, Opera browsers will follow the second rule. As stated above, other browsers will just ignore the second rule, and follow the first.

We hope these posts have helped you on your way to creating brilliant looking sites no matter what browser they're viewed in!