Another CSS question

[feathertail]

I switched to Chromium recently, but when I visited becomeyourfursona in it I found that the title menu and content -- which were centered in Firefox -- were pushed over to the left. I've managed to get the content centered properly, but the header and navigation menu are still pushed over to the left, and I've tried a bunch of things and I'm not sure how to fix it.

I went there in Midori (another Webkit-based browser) and it actually looked fine, so I'm guessing this isn't a Webkit problem; it's somehow Chrome-specific. Does anyone have any idea how I can fix this, preferably without breaking it for everyone else?

Yes, I do actually try to solve these on my own before asking here. -_-

Comments

[silverflight8]

This isn't an answer to your question, sorry, but I wondered: is your username from the Warriors series?

[feathertail]

Nup ... that's just the first thing that comes up on a search for it. >.< Sorry.

[silverflight8]

:P that's okay.

[afuna]

Hmm. It looks right in Chromium for me, with the header and navigation menu position correctly. It could be a locked entry with improper HTML, and the reason it looks okay is that you're logged out in other browsers. If you try to log in to Firefox or Midori, or else log out of Chromium, does that change things?

[feathertail]

No ... the header's messed up on all entries. Restarting the browser and logging in and out didn't help either. I guess I have no idea what's causing this. >.> Thanks for verifying that it's just me, though.

[afuna]

Hm, all entries? I wonder if I'm looking at the wrong thing, or am assuming wrong about how it should look!

[feathertail]

... you're right.

I just installed Chrome to test it out, and when it displayed correctly there I knew something was up. So I went back to Chromium and reset all my settings, and it worked. I guess enlarging the default font size broke it somehow.

Thanks for helping me figure that out. Should this entry be deleted?

[afuna]

Nah, I don't think so.

The fact that enlarging the default font size breaks it may be fixable, actually!

*thinks*

Okay try going into module settings and removing the extra modules (search etc); I think those are contributing to possible breakage / uncertainty near the top.

[feathertail]

I turned off search ... then I turned off all the modules except navigation, to test it. Still no dice.

Any idea why an enlarged font size would do this to the layout?

[afuna]

I think it might have to do with assumptions about how big things are, or mismatched units. That is, for example, 50% of 20px is much smaller than 50% of 200px.

(Not actual examples from your stylesheet, just off the top of my head)

So something that might appear centered at one font size might be off to the side in another.

[feathertail]

Okay ... belated thanks, and I may have to look into it later. >.>b

[twisted_times]

You should try looking at in Opera[1] browser as well (my personal weapon of choice). It's often used by web designers and hackers of HTML/CSS as it has a very pure, strict interpretation of W3C standards. If it looks good in Opera, then I'd say that the problems you're experiencing are more likely a quirk of the browser than a problem with the community or stylesheet being used.


[1] Version 11.01 is available to use; while it's definitely faster, I'm not convinced of it's stability just yet. I'd recommend hitting the Opera repository and downloading version 10.63 instead, unless you desperately want to play with Opera Extensions.

[feathertail]

Thanks, I'll take a look!