BytesizeCSS

RSS feed

What is BytesizeCSS?

As a front end developer I've come across all kinds of XHTML & CSS challenges and have also unintentionally become a reference guide to those that know me. I found myself answering the same questions over and over, so I decided to create BytesizeCSS. You will find the answers to these questions as well as my solutions to various challenges all blogged here.

The #id.class selector in IE6 28.08.2008 @ 02:11pm 14 comments

The ability to style an element using it's #id and several associated classes is often something that people believe is not possible in IE6. In some ways, that is true but it is possible to get this working with XHTML and CSS alone.

Read on

Teaching back-end developers to code semantically 24.08.2008 @ 11:45am 0 comments

While working on a large application in my full-time role, I created a generic stylesheet to handle form styling and came across a few problems with the developer/designer split within the company. Developers often need to write HTML for forms but do not always know/care about semantics/accessibility and this sometimes means inaccessible/non-semantic forms go unnoticed throughout the app.

I wondered if there was a way I could force the developers to code semantically without having to sit over their shoulder and walk them through it each time they needed to mark up a form, and then it came to me.... use more specific CSS selectors.

Read on

Fix hasLayout with one line of CSS 10.08.2008 @ 08:16pm 0 comments

First of all, if you have no idea what hasLayout is, take a look at this excellent explanation and then we can begin!

As that page explains, there are several ways to fix the issue by setting height/width/position etc. on a particular element that is missing hasLayout but when coding an XHTML & CSS layout this can amount to several selectors containing whatever hasLayout fix works/you pick at the time. It can get messy and is only really necessary for IE.

Soooo... why not create ONE style that fixes all your hasLayout problems, by default, for IE only?

Read on

The clear fix 10.08.2008 @ 06:51pm 8 comments

If you often create layouts with XHTML & CSS and end up appending the <br style="clear: both;" /> or <div class="clear"></div> 'fix' to your markup when a containing element does not wrap it's floated children, then now is the time to stop! There is a much more efficient way to acheive this with CSS alone.

Read on

IE6 and the !important rule 10.08.2008 @ 05:13pm 1 comments

There are some people out there that believe IE6 does not support the !important declaration but it does. However, it supports it in it's own IE6 way which I will explain.

Read on

1. Older entries »