Help - Search - Members - Calendar
Full Version: Background problem
Forums > Resource Center > Support Center > Livejournal Support > Livejournal Resolved Topics
Rairun
At some point last night, without me having changed anything in my style definitions, an ugly border appeared all around my livejournal page. The colour of the border is the colour I had defined for background colour, but I had been using a background image which covered the entire page. It somehow seems to have shrunk, though, and this, I repeat, without me having changed anything. I've had the same layout settings for years. The background image is set to "repeat", "center" and "scrool", so in theory it should repeat itself over the entire page and not just part of it.

Here's the journal so you can see it yourself: http://nymeth.livejournal.com

Can anyone help me to fix this? It'd be greatly appreciated.
Azarel
You've set the background to a div layer specified as "mainbody"; because that div layer only contains your journal content and not your entire page, your background only repeats up to the end of your content. (See how the background ends under your navigation? Yeah.)

I suggest changing your background to your body:

CODE
div.mainbody {
    padding: 0;
    margin: 0;
    background-image: url("http://img.photobucket.com/albums/v683/Nymeth/deat002.jpg");
    background-position: center;
    background-repeat: repeat;
    background-attachment: scroll;
}body, td {
font-family: "Verdana";
font-size: 10pt;
}
is what you have now.

CODE
div.mainbody {
    padding: 0;
    margin: 0;
}body, td {
font-family: "Verdana";
font-size: 10pt;
    background-image: url("http://img.photobucket.com/albums/v683/Nymeth/deat002.jpg");
    background-position: center;
    background-repeat: repeat;
    background-attachment: scroll;
}
is what you should try changing it to. (I'm not sure how it'll appear)
Rairun
Thanks, but it didn't quite work. :( It did fix the background (it repeats everywhere, not only up to the end of the content), but it also affected the actual text boxes. The image overrid the entries' background color, making them unreadable. Any other ideas? I'm attaching the html file so you can see exactly what happened.

Edit: oh, and I've just noticed that although the background image reaches the whole background, the image is cut. Notice how it's much bigger on the actual journal than on the html file I've attached.
Mulder
i can't actually see that happening, since your journal is private, but try changing this:
CODE
.entrybox {
background-color: whatevercoloryouwant;}
Azarel
This in the coding is causing it to repeat in all of your text tables, too:

body, td {

By removing the bolded, the background should no longer replace your text boxes. I'm not sure what you mean by the image being larger on your journal than in the attached file. :\
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.