Official bored at work / just shooting the shit / no rails to derail thread

[Akashimo]

Re: Official bored at work / just shooting the shit / no rails to derail thread

On Firefox I got it to line up

body {
background: #FDFFBE;
color: #000;
background-image: url(http://moghouse.zxq.net/index/backgo...ple_big4.jpg);
background-position: 13% 4%;
background-repeat: no-repeat;
font-family: verdana, arial, "lucida grande", sans-serif;
text-align: center;

}

Looking at on Opera and IE right now
Opera shows it the way the page currently is. IE still out of line.
I'm not entirely sure, but if I recall correctly, I think theres a way to assign the alignment based on browsers so its an angle you could take.
I'd need to look at my ref materials at home to give a better solution. But then again, broswers don't usually like to play nice with each other, even with the same code.

[Callisto]

Re: Official bored at work / just shooting the shit / no rails to derail thread

Yeah, even with the same browser on different machines it's goofy. The way it is now lines up perfectly for one of us using FF, however when the other 2 of use view it in FF it's in a completely different spot.

[Akashimo]

Re: Official bored at work / just shooting the shit / no rails to derail thread

LOL. Omg, if you haven't seen To LOVE-Ru episodes 1 and 2, you're missing out on a new classic o_o;

[DakAttack]

Re: Official bored at work / just shooting the shit / no rails to derail thread

I think classics are by definition old.

[Akashimo]

Re: Official bored at work / just shooting the shit / no rails to derail thread

But its a quality of being a classic once its old!

[Ellipses]

Re: Official bored at work / just shooting the shit / no rails to derail thread

background-position: 28% 10%;

I can't really bang away at this right now, but I'm guessing that right there is your problem. In general, don't work in different units in different places when you want things to line up. Especially not percent vs. pixels. (Unmaximize your browser and size it around, and watch that lined-up image get not-at-all-lined up. 28% of 1280 is not 28% of 1024 is not 28% of never-assume-the-browser-is-maximized-to-begin-with.)

With a quick glance at the code, it seems you've got a DIV surrounding all the content DIVs? Why not just set the image to the background of that instead of the page itself? Or, if you don't have a DIV for that, why not make one?

[Raydeus]

Re: Official bored at work / just shooting the shit / no rails to derail thread

Haven't been bored at work lately but I just wanted to say something.

What's with you and the yukata+avatars thing Aka...? (-_-; )

[Callisto]

Re: Official bored at work / just shooting the shit / no rails to derail thread

With a quick glance at the code, it seems you've got a DIV surrounding all the content DIVs? Why not just set the image to the background of that instead of the page itself? Or, if you don't have a DIV for that, why not make one?

I'm going to go with "b/c I don't know wtf a DIV is", lol. Like I said, me = total noob at this stuff and I won't pretend otherwise, I had a feeling the % wasn't going to work though(that was LS leader's attempt, not mine; I had tried to use just a straight #px #px but that didn't work either).

If I'm not totally missing the mark of your question, basically there's the site banner box(top) and the main body box. I want the top of the image to line up to the top of the site banner box, then flow down through the main body box including the space in between the two. I realize I could just set the image as the background to the main content box itself, but I was hoping to have it run through both boxes, which is why I was trying to stick it to the background of the main page itself.

Completely unrelated: I'm so blindingly bored at work I opened up a second session of my work application, and I'm now racing the two open sessions against each other to see which can process these spreadsheets the fastest. Am I the only one who does this?

[Ellipses]

Re: Official bored at work / just shooting the shit / no rails to derail thread

If I'm not totally missing the mark of your question, basically there's the site banner box(top) and the main body box. I want the top of the image to line up to the top of the site banner box, then flow down through the main body box including the space in between the two. I realize I could just set the image as the background to the main content box itself, but I was hoping to have it run through both boxes, which is why I was trying to stick it to the main page.

Ah, okay. Those boxes are defined by div tags. What I'm saying is you could put a box around both the banner and the main content, and put the background image on that outer box. Like this (minus spaces of course, I don't know how the forum deals with html:

code

< div id="backgroundbox" >
< div id="banner" > banner goes here < /div >
< div id="main" > main content goes here < /div >
< /div >

And assign the background image to the "backgroundbox" div, which you make the size you want the other boxes.

Completely unrelated: I'm so blindingly bored at work I opened up a second session of my work application, and I'm now racing the two open sessions against each other to see which can process these spreadsheets the fastest. Am I the only one who does this?

No, you are not. >.>

[Akashimo]

Re: Official bored at work / just shooting the shit / no rails to derail thread

Yes.

[Callisto]

Re: Official bored at work / just shooting the shit / no rails to derail thread

Ah, okay. Those boxes are defined by div tags. What I'm saying is you could put a box around both the banner and the main content, and put the background image on that outer box. Like this (minus spaces of course, I don't know how the forum deals with html:

code

< div id="backgroundbox" >
< div id="banner" > banner goes here < /div >
< div id="main" > main content goes here < /div >
< /div >

Would I just use normal htm tags somewhere within the div thing, like stick a 'background-image: url(w/eimage.jpg)' in there?

Also by the 'banner/main content goes here', do I just plop the actual code for the banner/body boxes in there?

Thanks, btw.

[Ellipses]

Re: Official bored at work / just shooting the shit / no rails to derail thread

Would I just use normal htm tags somewhere within the div thing, like stick a 'background-image: url(w/eimage.jpg)' in there?

Also by the 'banner/main content goes here', do I just plop the actual code for the banner/body boxes in there?

Thanks, btw.

You'd move the background image stuff out of the body {} section of your CSS file, and put it in a #backgroundbox section like so:

#backgroundbox {
background-image: url(http://moghouse.zxq.net/index/backgo...ple_big4.jpg);
background-position: 2px 0px;
background-repeat: no-repeat;
width: 804px;
}

It's 804px to give your other boxes room for that 2px border, and the background-position is 2px to shift the image in that much. You could also set those two boxes to just be width: 100%, but that idea is setting off little red flags in my memory. It might not be an issue, but doing it with the 804px/2px/0px should work anyway.

And yeah, you've already got div tags for your banner and main box, you just surround those with the < div id="backgroundbox" >.

No problem. I'm going off memory here, so I'm not sure if other gotchas are going to crop up or anything.

[Callisto]

Re: Official bored at work / just shooting the shit / no rails to derail thread

OK, came up with this:

Am I doing it wrong?

<div id="backgroundbox">
#backgroundbox {
width: 804px;
background-image: url(http://moghouse.zxq.net/index/backgo...ple_big4.jpg);
background-position: 2px 0px;
background-repeat: no-repeat;
}
<div id="main">
#main {
width: 800px;
text-align: left;
}</div>
<div id="sitebanner">
#sitebanner {
border: #FF8C00 2px solid;
padding: 0px;
font-size: 11px;
background: transparent;
margin-bottom: 6px;
color: #FF8C00;
text-align: center;
}</div>
</div>

Did I completely miss the point, or does that look relatively close?
______________________________
Somewhat related:

We've been wondering what this is, lol:

.fixfuckedie {
width: 100%
}

Any idea?

[Ellipses]

Re: Official bored at work / just shooting the shit / no rails to derail thread

Did I completely miss the point, or does that look relatively close?

Sorry if I wasn't clear. You're mixing your CSS and your HTML, but otherwise, you're good.

Your CSS is either in a separate file, or all at the top of your HTML file.

CSS

#backgroundbox {
width: 804px;
background-image: url(http://moghouse.zxq.net/index/backgo...ple_big4.jpg);
background-position: 2x 0px;
background-repeat: no-repeat;
}
#main {
width: 800px;
text-align: left;
}
#sitebanner {
border: #FF8C00 2px solid;
padding: 0px;
font-size: 11px;
background: transparent;
margin-bottom: 6px;
color: #FF8C00;
text-align: center;
}
...
other CSS stuff here, wherever it is
...

HTML

<div id="backgroundbox">
<div id="sitebanner">Banner here! Welcome to our site and all that stuff.
</div>
<div id="main">
Actual content.
04/04/08 - Check it out, I killed a mandie, lulz!
Everyone congratulate Tarudude on his shiny new pants.
Other linkshelly things.
</div>
</div>

Edit:

We've been wondering what this is, lol:

Any idea?

Well... it's to take care of a rendering bug with IE, but off the top of my head I can't give you much specific. Most likely IE doesn't expand that element (yet another div) to fill the entire space it's in by default, it only makes it as wide as it needs to be to display what's in it. If you're not using different background colors, that's probably not a big deal. If you were, it'd look kind of goofy on IE, with the background only covering as much space as the text does.

[Murphie]

Re: Official bored at work / just shooting the shit / no rails to derail thread

Ya'll is smrt.