Forums > Background position issues

Full Version: Background position issues

Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics

haldenlith

Nov 7 2005, 11:39 PM

Alrighty, I have a header-image. I put it in the CSS background tag because I do want some text to overlap it.

<!-- begin code provided by createblog.com --><br />LASTN_HEAD<=<br /><style type="text/css"><br /><!--<br /><br />body {<br />overflow-x: hidden;<br />margin-top: 730;<br />}<br /><br />body {<br />background-color: white;<br />background-image: url(http://img.photobucket.com/albums/v27/haldenlith/AfterHourPhoto/myvtop.jpg);<br />background-attachment: scroll;<br />background-position: top center;<br />background-repeat: no-repeat;<br />overflow:-moz-scrollbars-vertical;<br />}<br /><!-- end code provided by createblog.com -->

But, for some insanely agitation reason, LJ simply will not interpret "center" as center. No, it interprets it as "right." It works when I plug that into an HTML page, but not on LJ. I've even put it into the Global Head tag. Still doesn't work. Anyone have any idea why that refuses to work?

LiveJournal in question

There's the journal if you want to see what it's doing. Ignore the entries and stuff. I haven't gotten to them yet. I've been wrestling with this estranged alignment issue.

Libertie

Nov 8 2005, 12:52 AM

Hm.. The background is centered for me, I even changed resolutions. It looks fine. Maybe you've been working on it already then. :P

I'd tell you how to fix the entries, but I'm assuming you know since you said you hadn't gotten there yet. Is the background still not centered for you?

.:edit:. Nevermind, I'm using Firefox.. I saw it in IE and it is misaligned. X( Let me mess around with it a little.

.:edit again:. Got it - just take out "center". All you need is background-position: top; and that should work.

haldenlith

Nov 8 2005, 05:09 PM

Nope, still doesn't work. And I -am- using firefox. >_> I don't know why it's not working...

Actually, I've tested it in both browsers and I have the same problem. I'm on 1024x768 res... not that it should matter. It should center anyway...

Libertie

Nov 8 2005, 10:56 PM

Weird.. It looks fine for me in the same resolution in Firefox, just not in IE. And it worked fine when I changed it in my test journal.

<!-- begin code provided by createblog.com --><br /><br />GLOBAL_HEAD<=<br /><style type="text/css"><br /><!--<br /><br />body {<br />overflow-x: hidden;<br />margin-top: 730;<br />background-color: white;<br />background-image: url(http://img.photobucket.com/albums/v27/haldenlith/AfterHourPhoto/myvtop.jpg);<br />background-attachment: scroll;<br />background-position: top;<br />background-repeat: no-repeat;<br />overflow:-moz-scrollbars-vertical;<br />}<br /><=GLOBAL_HEAD<br /><br /><!-- end code provided by createblog.com -->

http://www.livejourbal.net/users/nu

Does that look centered for you, or is that wrong too? ^

haldenlith

Nov 9 2005, 05:09 PM

It's official: Livejournal must be possessed, because yes, that looks centered for me.

I took out everything but the GLOBAL_HEAD (I threw some random junk under the LASTN_WEBSITE and LASTN_HEAD, nothing significant), pasted what you have, and it works.

Put my coding back under LASTN_HEAD, it croaks again. Lo and behold, it wasn't even the GLOBAL_HEAD coding. >_> I fixed it. Stupid thing. I wondered what was up.

Libertie

Nov 9 2005, 10:12 PM

lol! Weird. Glad everything's working now, then. :)

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.