Log in

No account? Create an account

Previous Entry | Next Entry

Restyled my journal to match my website. ("This time for sure!")

In other news, Rowling's saying that her Book 7 manuscript is at around 750 pages. I could definitely enjoy 225,000 words of Potter...


( Read 12 comments — Leave a comment )
Sep. 9th, 2006 07:13 pm (UTC)
somewhat broken layout in safari.

Sep. 9th, 2006 07:30 pm (UTC)
Konqueror is fine, so there's not a whole lot I can do to debug it.
Sep. 10th, 2006 12:44 am (UTC)
I'm seeing LJ style breakage in Firefox*. =(

The bar with the calandar and links and things is positioned too far to the left, thus covering up the avatars. At 1680 window width, the offset from the right edge is about 100px; though I see this is variable. It also seems to not play nicely with LJ's little black header bar thingy, but that doesn't matter too much to me.

* For reference:
Mozilla/5.0 (X11; U; Linux i686; en-US; rv: Gecko/20060817 Firefox/
Sep. 10th, 2006 08:40 pm (UTC)
Breakage similar to my screenshot above in Firefox as well.

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv: Gecko/20060728 Firefox/
Sep. 10th, 2006 08:49 pm (UTC)
Sep. 10th, 2006 11:45 pm (UTC)
Seems Code and I are seeing the same breakage.

Reducing #beta { right:7.5% } to #beta { right:1.5% } makes things look ok to me in Firefox. I haven't a clue how fragile this will be in other browsers, but perhaps you could try something like that?
Sep. 11th, 2006 12:03 am (UTC)
But the problem doesn't make sense—I'm rather loath to apply that kind of solution to it.

On my screen, there's a 7.5% margin between the left edge and the body text and a 7.5% + about 30em margin between the right edge and the body text; the row of boxes on the right should fit into that 30em with room to spare. How much of that is your computer displaying properly?
Sep. 11th, 2006 01:03 am (UTC)
Is that 7.5% on the sides supposed to be coming from body { padding: 2em 7.5% 1ex } right up at the top of the stylesheet? If so, then the problem is that it's being overridden somewhere. If I cheat and make that padding !important, everything works.

Obviously, that fails as a final solution. But perhaps it's at least on track toward identifying the problem?
Sep. 11th, 2006 01:37 am (UTC)
Aha! Got it.

In one of LJ's stylesheets, there is a style parameter which affects the body padding:
html body
padding: 45px 0 0 0;
margin-right: 0;
margin-left: 0;

This style block is competing with yours on the issue of padding and margining the body tag:
body {
margin: 0;
padding: 2em 7.5% 1ex;

What seems to be happening is that their rule specifies the body tag more strictly than yours: html body instead of simply body. Their rule, therefore, wins. Thankfully, the fix is simple. All you need to do is specify your rule with the same specificity as theirs.
Sep. 11th, 2006 03:56 am (UTC)
"specificity" grin.
Sep. 11th, 2006 05:58 am (UTC)
That's the technical term.

(Oh, and decreased the amount of red stuff to the left of a reply, because the posts were getting too narrow.)
Sep. 11th, 2006 05:52 am (UTC)
Ugh, how typical...

Just to be safe, I also put an ID selector on the html to jack up the specificity.
( Read 12 comments — Leave a comment )