Background problem Options

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

Attached File(s)

 test.html ( 7.23K ) Number of downloads: 8

 

[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. :\