?

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...

Comments

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

brentdax
Sep. 9th, 2006 07:30 pm (UTC)
Konqueror is fine, so there's not a whole lot I can do to debug it.
countalpicola
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:1.8.0.5) Gecko/20060817 Firefox/1.5.0.5
ext_880
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:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
brentdax
Sep. 10th, 2006 08:49 pm (UTC)
Resolution?
countalpicola
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?
brentdax
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?
countalpicola
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?
countalpicola
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.
ext_880
Sep. 11th, 2006 03:56 am (UTC)
"specificity" grin.
brentdax
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.)
brentdax
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 )