I can’t solve a formatting problem on my the main page of this blog. There is a line just below the bottom of the center column, and I don’t know why. It seems to me that the line should be below the longest of the three columns, the blogroll there on the left (if your are reading the main index page.)
I am playing with some cargo cult programming here anyway. The main part of the page, the three columns, is in a div pagebody and then div pagebody-inner. The pagebody make sense to me. The pagebody-inner? I have no idea. I stole this from someone’s typepad blog.
When I inspect the layout with Firefox’s Webtool Extension, it shows me that both the pagebody and pagebody-inner end in the center column, including the white background, but no more. On the left and right columns, these divs include everything that I would expect. Shouldn’t the boxes for pagebody and pagebody-inner enclose all the boxes inside them?
I’m sure I am missing something simple, but I don’t know what it could be.
[Update: The line is gone. It came from the style associated with the container. I knew that the container had a border stlye, I changed it to border-left, border-top and border-right. This means there is no border at the bottom of the page, but no one looks there anyway, and it doesn't solve my conceptual problem. The container should contain all of the left column, not just all of the center column.]
Sorry, comments for this entry are closed at this time.