Halp!

[raloria]

Does anyone know their way around the Custom CSS coding for LJ?
I've got a custom layout for spn_locations and ever since last year the header I put up hasn't fit properly. There's a gap of white space on the right side and it's annoying me like crazy!

Here's what it looks like:

Comments

[supernutjapan]

/* header */

.headerimage {
position: relative;
width: 950px;
height: 338px;
margin-left: auto;
margin-right: auto;
margin-bottom: -10px;
background-image: url(' ');
background-repeat: no-repeat;
}

This is my coding. The only thing I can see about the horizontal positioning of the header is that left and right margins are on "auto" and the position is set as relative... Have you tried those settings?

[raloria]

This all that my Header coding section shows:

/* ----- header ----- */

#header {
margin: 5px 5px 0 5px; /* !!! */
border: 0;
background: url(http://i236.photobucket.com/albums/ff150/Raloria07/SPN%20Locations%20List/SPNLocationsHeader001.png~original) no-repeat;
height: 358px; /* !!! */
}

It's still a Flexible Squares layout code, if that helps any.
I'm still lost. :(

[raloria]

Okay, I did some comparing with the custom layout coding for my own journal and ended up adding this to the CSS code for SPN_Locations:

background-position: center;

Which worked. I mean the header IS centered now without the big gap on the right side. Now there's just a lot of white all around it like there is with my own journal's header. *sigh*
I guess it's the best I can hope for.

[supernutjapan]

Yay for figuring it out :)
I don't think the white looks funny, but I guess you don't want it you need to lengthen your header a bit;)

[supernutjapan]

Yay for figuring it out :)
I don't think the white looks funny, but I guess you don't want it you need to lengthen your header a bit;)