Trying again. Centering a website while using the <div> tag?

Question

Some people helped before, but once I tried it, it didn't work. The problem is I use a lot of

but that makes it ignore the container. I tried using the relative option but *shudder*.

This version makes it stairstep. Weird stuff. I don't know what to do. I want the site centered, but I want absolute control of it when it's centered. Again, the yahoo site. My only other option I've found is making a flash site.
I just want to make a website and tell it to have the margins like the
div#container aspect.
I've tried putting it in a one cell table, but again, absolute really messes it up by making it ignore the cell. And relative does whatever it feels....

The problem is I use a lot of

but that makes it ignore the container. I tried using the relative option but *shudder*.

This version makes it stairstep. Weird stuff. I don't know what to do. I want the site centered, but I want absolute control of it when it's centered. Again, the yahoo site. My only other option I've found is making a flash site.
I just want to make a website and tell it to have the margins like the
div#container aspect.
I've tried putting it in a one cell table, but again, absolute really messes it up by making it ignore the cell. And relative does whatever it feels....
here are some examples
It's supposed to look like this
http://www.codadesign.net/hr/
this is one of my problems- not very much there.
http://www.codadesign.net/demo/schoolIndexcontainer.html
I've not done much floating but will if necesarry

8 answers

Everything is relatively relative - even when using abs positioning.
Please do try using a stylesheet instead of inline styling.

So instead of:

You would have

And then a style sheet:
.main{position:absolute; top:10px; left:10px; z-index:2;}

Of couse this wont change your current problem but it's a good habit to get into.
Without knowing the other css we can't tell you exactly how your positioning is being blown out, but we can tell you this:

http://www.glish.com/css/7.asp

The holy grail of css styles.
Understand how this works and you will never have problems adjusting your container again.

I'd be happy to help you, but you have to find a way so I can actually look at the page you're talking about. So... either come up with a demo I can look at, or you're probably out of luck. It's hard enough to troubleshoot someone else's weird code, but it's impossible when you can't actually see it.

If you don't want people to see information on the page, then make a version of it online somewhere with the text replaced with sample text.

...

Okay, an addendum. Obviously making a container div and centering the way someone mentioned is not going to work, because the absolute positioning isn't really INSIDE a normal div.

But, here's a hint: if you make your CONTAINER div absolute positioned, then all absolute positioned elements inside it will be positioned starting with the top left corner of the container div instead of the page. Help any? Again, I can be more specific if I can see the page.

I've taken the liberty of redesigning your page to achieve the results I think you want. From your design, I've made the following changes:

1. I've gotten rid of the images for your links in favor of text-based links inside a formated unordered list. If you absolutely, positively must use the images, you can replace the list item text with your images and mouseover links.

2. I've moved the CSS into a seperate file, to avoid bogging down the main page code. You shouldn't use inline CSS as you have been doing; it's better to call selectors and classes within your HTML elements, and make changes in a seperate CSS file.

3. I've completed the text with some more divs, including a content pane and a footer pane. I've also added some additonal design stuff.

Match 1: Carmelo Match 2: Nick Angel Match 3: The Elite Phenom Match 4: Matt Murphy in a squash I think it would've been best if you mentioned Segment 5 on the results. I know it's your show but that's just my opinion. Promo: Tonight I team up with Pook S. My match will be easy, no doubt. Me and Pook are the best of NWA compared to those so-called "Tag Team Champions". They don't have a chance against me. I can kick their @ss easily myself. Gage sounds like a random moron, so their isn't much to say about the loser. Victor "No Warning" Hughes, There will be a warning when you get in the ring with me. You're going to suffer pain from me so I have a warning for you. Stay the f*ck away from me or you are going to end up with a broken bone. I'm warning you Victor. The little piece of sh*t, Pook S better listen to me. Pook, I have a warning for you. You better get ready when you face me for your championship at Barely Legal. Which ever match it will be (That's why I told you not to mention Segment 5 until results) I know it's gonna be barely legal. Every time I beat the f*ck out of a person, it's considered illegal but at the next PPV it will be barely legal and nearly illegal. I will kick your @ss so bad that the security will want to stop me but they will not be allowed to do so. At Barely Legal, I will make all the little pookies cry and I will be World Champion.

NeXuS don't spam, he doesn't need to go to that crappy web site to find answers.

Do you absolutely need to have absolute positioning? I only tend to use abs. position when I need it, usually using floats is all thats needed to align a layout to the center, remember that abssolute positioning pulls a div out of the normal flow. So a positioned div will float on top of everything else.

Try adding this in your CSS.

body { text-align:center; margin:0; }

#wrap { text-align:left; margin:auto; }

Then place all of your content inside the wrapper div. (

)

Can you set a div width in the style attribute?

is that the site that you are trying to build, but using html and css? send me a message at http://www.myspace.com/angelcrisis and i'll be more than happy to collaborate some ideas with you. it's not a difficult build but more coding that i'd like to do for this yahoo answers thing. let me know... and happy coding

Any and all webquestions should be posted to http://www.webdeveloper.com they are best online web community, if you can't find an anwser there (which is run by the best internet coders in the world) then your out of luck.

Answer 1

Everything is relatively relative - even when using abs positioning.
Please do try using a stylesheet instead of inline styling.

So instead of:

Answer 2

I'd be happy to help you, but you have to find a way so I can actually look at the page you're talking about. So... either come up with a demo I can look at, or you're probably out of luck. It's hard enough to troubleshoot someone else's weird code, but it's impossible when you can't actually see it.

If you don't want people to see information on the page, then make a version of it online somewhere with the text replaced with sample text.

...

Okay, an addendum. Obviously making a container div and centering the way someone mentioned is not going to work, because the absolute positioning isn't really INSIDE a normal div.

But, here's a hint: if you make your CONTAINER div absolute positioned, then all absolute positioned elements inside it will be positioned starting with the top left corner of the container div instead of the page. Help any? Again, I can be more specific if I can see the page.

Answer 3

I've taken the liberty of redesigning your page to achieve the results I think you want. From your design, I've made the following changes:

1. I've gotten rid of the images for your links in favor of text-based links inside a formated unordered list. If you absolutely, positively must use the images, you can replace the list item text with your images and mouseover links.

2. I've moved the CSS into a seperate file, to avoid bogging down the main page code. You shouldn't use inline CSS as you have been doing; it's better to call selectors and classes within your HTML elements, and make changes in a seperate CSS file.

3. I've completed the text with some more divs, including a content pane and a footer pane. I've also added some additonal design stuff.

Answer 4

Match 1: Carmelo Match 2: Nick Angel Match 3: The Elite Phenom Match 4: Matt Murphy in a squash I think it would've been best if you mentioned Segment 5 on the results. I know it's your show but that's just my opinion. Promo: Tonight I team up with Pook S. My match will be easy, no doubt. Me and Pook are the best of NWA compared to those so-called "Tag Team Champions". They don't have a chance against me. I can kick their @ss easily myself. Gage sounds like a random moron, so their isn't much to say about the loser. Victor "No Warning" Hughes, There will be a warning when you get in the ring with me. You're going to suffer pain from me so I have a warning for you. Stay the f*ck away from me or you are going to end up with a broken bone. I'm warning you Victor. The little piece of sh*t, Pook S better listen to me. Pook, I have a warning for you. You better get ready when you face me for your championship at Barely Legal. Which ever match it will be (That's why I told you not to mention Segment 5 until results) I know it's gonna be barely legal. Every time I beat the f*ck out of a person, it's considered illegal but at the next PPV it will be barely legal and nearly illegal. I will kick your @ss so bad that the security will want to stop me but they will not be allowed to do so. At Barely Legal, I will make all the little pookies cry and I will be World Champion.

Answer 5

NeXuS don't spam, he doesn't need to go to that crappy web site to find answers.

Do you absolutely need to have absolute positioning? I only tend to use abs. position when I need it, usually using floats is all thats needed to align a layout to the center, remember that abssolute positioning pulls a div out of the normal flow. So a positioned div will float on top of everything else.

Try adding this in your CSS.

body { text-align:center; margin:0; }

#wrap { text-align:left; margin:auto; }

Then place all of your content inside the wrapper div. (

Answer 6

Can you set a div width in the style attribute?

Answer 7

is that the site that you are trying to build, but using html and css? send me a message at http://www.myspace.com/angelcrisis and i'll be more than happy to collaborate some ideas with you. it's not a difficult build but more coding that i'd like to do for this yahoo answers thing. let me know... and happy coding

Answer 8

Any and all webquestions should be posted to http://www.webdeveloper.com they are best online web community, if you can't find an anwser there (which is run by the best internet coders in the world) then your out of luck.