How do I center this?

[fungku]

I am too stupid to figure out how to center this:

-url removed-/index.php

css:

-url removed-/css/resources/alc_main.css

Any advice?

[edited by: fungku at 6:51 pm (utc) on Aug. 16, 2003]

[MonkeeSage]

Welcome to WebmasterWorld, fungku!

You have all your images positioned absolutely, you can't move them! Man, you really went and messed everything up, sheesh! <I'm just pulling yer leg a little, sorry ;)>

Nah, not really a problem...

div.main {
  position: relative;
text-align: left;
  margin: 0% 8%;
}

Now you have a relative div you can move all around -- or center -- and all your pictures are still absolutely positioned in relationship to this div. :)

HTH
Jordan

Ps. Posting urls is against the TOS, and you will have your ears ripped off by angry chipmunks (well versed in the art of Fei Fung Chi Gung) if you ever do it again...just a warning...I had to learn the hard way. ;P

[fungku]

Thanks a lot, I will try this out ^.^

Sorry abotu posting the urls, I will remove them.

[fungku]

Ok, thank you, the relative position thing works great!

But the margin: 0% 8%; made a hor. scrollbar too easily if resizing the browser (or in 800x600, which I know, has a hor. scrollbar, but cutting off a few pixels from my images should fix this.)

This is what I did:

div.main {
position: relative;
text-align: left;
width: 784px; 
margin-left: auto; 
margin-right: auto;
}

Thank You!

[MonkeeSage]

Sure thing, glad it helped. Very nice design, BTW. Reminds me of a skin for QCD audio player...mmmm, nice. You're a good artist. :)

Jordan

[fungku]

Thanks!

edit:

Confusing StyleSheet:

I seem to have another problem now though.

I can't get a div after the "main" one to be underneath it.

[MonkeeSage]

Try this:

#footer-bottom {
position:absolute;
  left: 297px;
top:1014px;
  height: 36px;
}

And then put the footer-bottom div inside the main div (like all the images).

Jordan

[fungku]

Works awesome. Thanks.

Just when I think I'm getting the hang of CSS, it goes and makes me look stupid ;-)

[MonkeeSage]

Nah, your site shows that you know what you're doing...its just that CSS hates us (all) and is evil (no, I mean it). It has a cold black coalpit in place of a heart. That was about the 18th way I tried before it worked (and of course it was the easiest, lol). But if you feed it with alot of marshmellows it becomes docile and cuddly like a small woodland creature...but only for a little while. ;)

Jordan

Ps. I downloaded a copy of your page while trying to help get it working, and I just now deleted all the files that were downloaded. (Just letting you know so you're not wondering when you look at your logs :) ).