Centrowanie w XHTML

kalinowski5 · 24 Marca 2006

Właśnie zaczynam mój pierwszy projekt w XHTML i napotkałem problem,mianowicie jak wycentrować tą stronę:

index.html:

<body>
  <div class="top">
  <div class="logo"></div>
  <div class="info_naglowek">Najważniejsze informacje</div>
  <div class="info">Burmistrz: Ken Livingstone</div>
  </div>
</body>

style.css:

body {
  margin: 5px;
  padding: 0px;
  background: #ffffff;
  color: #000000;
  font-family: "Tahoma", "Verdana", "Helvetica", sans-serif; /* krój pisma */
  font-size: 10px;
  text-align: center;
}

.top {

}

.logo {
  background-image: url(img/top.gif);
  width: 589px;
  height: 199px;
  border-right: 5px solid #eee;

}

.info_naglowek {
  background-image: url(img/info_naglowek.gif);
  width: 179px;
  height: 18px;
  top: -199px;
  left: 594px;
  position: relative;
  border-left: 1px dashed #000000;
  border-right: 1px dashed #000000;

}

.info {
  background-image: url(img/info.gif);
  width: 179px;
  height: 182px;
  top: -199px;
  left: 594px;
  position: relative;
  border-left: 1px dashed #000000;
  border-right: 1px dashed #000000;

}