[Guide] How to code expandble divs

[Thai-Man-Land]

My box is aligned to the left of my page instead of the center.

I've used this as my CSS:

<style type="text/css">
<!--
body {
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
  text-align: center;
  background-color: #ffffff;
  margin-top: 5px;
  margin: auto;
}
#container {
  width: 390px;
}
#header {
  background: url(header.gif);
  height: 11px;
}
#body {
  background: url(body.gif);
}
#footer {
  background: url(footer.gif);
  height: 10px;
}
-->
</style>

Does anyone know why?

[Thai-Man-Land]

Sorry - out of edit time
Also

If I want to make an entire layout using this, would I just use like

<div align="left" id="container">
<div id="header"></div>
  <div id="body"><?php include ("test.txt") ?> </div>
  <div id="footer"></div></div>
  <div align="centre" id="main">
  <div id="header"></div>
  <div id="body"><?php include ("test.txt") ?> </div>
  <div id="footer"></div></div>
  <div align="right" id="container2">
  <div id="header"></div>
  <div id="body"><?php include ("test.txt") ?> </div>
  <div id="footer"></div></div>

[--ss--]

My box is aligned to the left of my page instead of the center.

I've used this as my CSS:

<style type="text/css">
<!--
body {
  font-family: Verdana;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
  text-align: center;
  background-color: #ffffff;
  margin-top: 5px;
  margin: auto;
}
#container {
  width: 390px;
}
#header {
  background: url(header.gif);
  height: 11px;
}
#body {
  background: url(body.gif);
}
#footer {
  background: url(footer.gif);
  height: 10px;
}
-->
</style>

Does anyone know why?

Add the following to your container div:

margin: auto;

To force it to the centre off the page.

And for your secound question, yes but there's a bit more to it than that, you'll have to use float tags to position things to left or right off the page .

[Thai-Man-Land]

When I get some cash I shall pay you to write me atut on this

[Calon]

Nothings your fault, I was talking about the people that don't search before posting a thread. (aka Meti :])


Maybe not as -ss- but I know for a fact i'm WAYYY better than Meti. Also, i wasn't flaming, i was implying so you're the dong here :]

Why don't you shut up, acting like you're better than someone proves how crap you are.

Edited by Meti (Forum Moderator): Please don't be rude.

[Stepheen]

Why don't you shut up, acting like you're better than someone proves how crap you are.

But I am better than Meti. LMAO.

[Pazza]

I need help

I can do it fine, but I have a speech bubble, and the bot part is obviously wider, so wot would the code be if the bottom is wider, top and mid are same size

[Meti]

Maybe not as -ss- but I know for a fact i'm WAYYY better than Meti. Also, i wasn't flaming, i was implying so you're the dong here :]

What can you do that is better than what I do?
I've never seen designs from you. Never seen codings from you. I've just read how stupid you are, and you're posting pointless on the forum. You can't say that you're better than me, when I've never seen anything from you? :S

But I am better than Meti. LMAO.

Why won't you show us anything you've done then?

[Excellent1]

What can you do that is better than what I do?
I've never seen designs from you. Never seen codings from you. I've just read how stupid you are, and you're posting pointless on the forum. You can't say that you're better than me, when I've never seen anything from you? :S


Why won't you show us anything you've done then?

You can't even position divs so don't talk about whos the better coder when you can only code a banner.

[Stepheen]

What can you do that is better than what I do?
I've never seen designs from you. Never seen codings from you. I've just read how stupid you are, and you're posting pointless on the forum. You can't say that you're better than me, when I've never seen anything from you? :S


Why won't you show us anything you've done then?

*Removed*


Edited by ,Jess, (Forum Super Moderator): Please do not be rude or avoid the forum filter.