1996 Called; They Want Their Webdesign Back

In preparation for adding a tagcloud, I've started revising the layout of my blog. The goals are as stated before: to be standards compliant, readable, minimal, and to provide control to the user.

Progress can be seen here, complete with ugly background colors for debugging. This iteration will include styles for embedded code fragments, and markup for photos, along with a fixed-fluid two-column layout.

Comment welcome...

Sun, 24 Feb 2008 13:38

Comments: 0

CSS Bug in Firefox?

While tinkering around with the stylesheet for the pyblosxom implementation of Internal Dialogue, I came across something curious.

  1. My first crack at applying a background color (so I wasn't looking at a blinding sea of white) was pretty simple.

    body { 
    background: #cc9; 
}

    But it didn't quite look right, as you can see below.

    simple

  2. So I tried fiddling with the margin...

    body { 
    background: #cc9;
    margin: 0px;
}
    margin

  3. To try to get some idea what was going on, I set a border so I could see the box.

    body { 
    background: #cc9;
    margin: 0px;
    border: 1px solid black;
}
    wtf?

This bears further investigation, but it will have to wait until I finish the switch.

Update

This turns out to be a difference in the way Firefox handles XHTML vs. HTML. If I saved the document to a file with the .html extension, it looked just fine, but if I named it .xhtml, I would see the weird, white border.

I moved the background-color directive out the the body section and into the (newly created) html section of the stylesheet, and it looks fine. The border disappears.

W3C may have something to say about this issue, but it's hard to tell without a stardardese-to-english translator.

Mon, 05 Dec 2005 11:19

Comments: 0