rargh shapes & other design elements!

[lotesse]

So, if I wanted a dreamwidth journal layout that kept entries in a fairly narrow column, but that filled a whole screen - so that changing the width of my browser window would have no effect on the width of displayed entries - what would that be called and where would I find it? I tend to browse the net with my browser window either fullscreen or narrowed, bouncing back and forth - blogs go fullscreen, fic posts and such narrower, because I like fairly short lines of text if I'm reading a lot of it, and at present my dwidth layout is built for a narrow view & looks cruddy expanded.

eta: found something, have been poking css. In the process, I seem to have lost the css snippet I was using to start my header image at the far left of the page and extend it across the entire top of the screen. Argh. any ideas?

Comments

[autumnia]

There's not really a term for it, but most people call it a "fixed column" / "fixed column width". I'm looking at your layout now but am not sure if you've changed the look and feel before I saw it, and your entries seem to already be in a fixed column.

Not sure what you mean by extending your header across the top of the screen, but it looks fine to me at the moment. If your image is wider than your browser window, then it should already be extending across fine. If you can be specific, I can try to help troubleshoot some more (I build websites at my work, and know a lot about css.)

[lotesse]

okay - I've been tinkering with this thing like crazy, but I'm not going to touch it for a while so you can see what I've got - actual css knowledge beyond tinkering would help!

I've got my entries/sidebar just as I want em - fixed width. What I'd like to do is to set my header image in line with the rest of the content - so aligned with the left edge of the entries, and with the far right edge of my sidebar. It should be of a size that it will block right together with them. What I can't figure out is how to lock the header image into position, so that it's not effected by the width of the page, but remains in line with the other elements. Suggestions?

[autumnia]

Okay, so I see your background image is centering on the page, and you want it always to be against the edge.

I see this in your css in the source code:

#header
{
background-image: url(http://i286.photobucket.com/albums/ll101/lotesseflower/banners-94.jpg);
background-repeat: no-repeat;
background-position: top;
margin: 0px auto;
position: relative;
height: 273px;
}


Change "background-position:top;" to "background-position:top left;" (if you want it to align left, "top right" if you want it to align right), and change the "margin:0 auto;" to "margin:0;"

[lotesse]

Ah! That's it! Thank you!