Category Archives: XHTML/CSS

  • Building a multiple-column layout

    View Comments
    3-columns

    In CSS, building layouts with columns can be quite difficult, especially if the columns all have to be an equal height. This is a common necessity in website layouts for items such as a vertical side navigation or a blogroll. I’ve come across an interesting solution to multiple-column layouts that works in all modern browsers. The catch is that it fails in IE6 and IE7, but I can show you a few ways around that. We’re always hacking IE6 and IE7 anyway, right?

    Read More »
    Did you like this? Share it:
  • Extra spacing and incorrect height on list items in Internet Explorer

    View Comments
    dropdown-bug

    Good ol’ IE. There’s a fairly common issue with Internet Explorer and CSS, particularly while using list items. This most commonly arises as an issue when developers are making drop down navigation in which the navigational links are listed vertically. In Internet Explorer 6 and 7, vertical lists will have extra space after each list item. This only occurs when the list items and their children are block elements. There are a few fixes, but I recently learned that one of the accepted fixes works in Internet Explorer 6 and Internet Explorer 8, but not Internet Explorer 7.

    Read More »
    Did you like this? Share it: