Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] centrowanie skupiska div=ów
Forum PHP.pl > Forum > Przedszkole
Sebastian003
12.02.2008, 19:34:03
Witam mam problem a mianowicie nie moge wycentrować grupki div-ow

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html>
  3. <head>
  4. 	<title>Sebastianpl.com</title>
  5. 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. 	<meta http-equiv="Content-Language" content="pl" />
  7. 	<meta name="Description" content="" />
  8. 	<meta name="Keywords" content="" />
  9. 	<meta name="Author" content="" />
  10. 	<meta name="Robots" content="index, follow" />
  11. 	<style type="text/css">
  12. body{
  13.    background: url('images/tlo.png');
  14.    margin: 0px;
  15.     font-family: Verdana, Arial;
  16.     font-size: 9px;
  17. }
  18. #top {
  19.     height:79px;
  20.     width:1000px;
  21.     background:url('images/sd_01.jpg');
  22. }
  23. #logo {
  24.     height:72px;
  25.     width:433px;
  26.     background-image: url('images/logo.jpg');
  27.     float: left;
  28. }
  29. #index {
  30.     height:72px;
  31.     width:47px;
  32.     background-image: url('images/index.jpg');
  33.     float: left;
  34. }
  35. #ulubione {
  36.     height:72px;
  37.     width:48px;
  38.     background-image: url('images/ulubione.jpg');
  39.     float: left;
  40. }
  41. #rss {
  42.     height:72px;
  43.     width:44px;
  44.     background-image: url('images/rss.jpg');
  45.     float: left;
  46. }
  47. #mapa {
  48.     height:72px;
  49.     width:52px;
  50.     background-image: url('images/mapa.jpg');
  51.     float: left;
  52. }
  53. #kontakt {
  54.     height:72px;
  55.     width:76px;
  56.     background-image: url('images/kontakt.jpg');
  57.     float: left;
  58. }
  59. #pasek {
  60.     height:25px;
  61.     width:474px;
  62.     background-image: url('images/pasek.jpg');
  63.     float: left;
  64. }
  65. #online {
  66.     height:25px;
  67.     width:103px;
  68.     background-image: url('images/online.jpg');
  69.     float: left;
  70.     line-height:280%;
  71. }
  72. #spac{
  73.     height:25px;
  74.     width:5px;
  75.     background-image: url('images/spac.jpg');
  76.     float: left;
  77. }
  78. #ikonki {
  79.     height:25px;
  80.     width:103px;
  81.     background-image: url('images/ikonki.jpg');
  82.     float: left;
  83. }
  84. #spacw {
  85.     height:25px;
  86.     width:15px;
  87.     background-image: url('images/spacw.jpg');
  88.     float: left;
  89. }
  90. #menup {
  91.     height:28px;
  92.     width:330px;
  93.     background-image: url('images/menul.jpg');
  94.     float: left;
  95.     text-align: left;
  96.     padding: 0px 10px;
  97.     line-height:290%;
  98. }
  99. #menul {
  100.     height:28px;
  101.     width:330px;
  102.     background-image: url('images/menup.jpg');
  103.     float: left;
  104.     text-align: right;
  105.     padding: 0px 10px;
  106.     line-height:290%;
  107. }
  108.  
  109. #oferta {
  110.     background-image: url('images/oferta.jpg');
  111.     height:129px;
  112.     width:700px;
  113. }
  114. </style>
  115. </head>
  116. <body>
  117. <div id="c">
  118. <div id="top"></div>
  119. <a href="http://www.pl"><div id="logo"></div></a>
  120. <a href="http://www."><div id="index"></div></a>
  121. <a href="http://www."><div id="ulubione"></div></a>
  122. <a href="http://www.s"><div id="rss"></div></a>
  123. <a href="http://www."><div id="mapa" ></div></a>
  124. <a href="http://www."><div id="kontakt"></div></a>
  125. <br style="clear: both;" />
  126. <div id="pasek"></div>
  127. <div id="online"><font color="#FFFFFF">Gości online : 12</font></div>
  128. <div id="spac"></div>
  129. <div id="ikonki"></div>
  130. <div id="spacw"></div>
  131. <br style="clear: both;" />
  132. <div id="menup">Lorem ipsum | Lorem ipsum | Lorem ipsum | Lorem ipsum</div>
  133. <div id="menul">Dzisiaj jest : 10 lutego 2008  18 : 20</div>
  134. <br style="clear: both;" />
  135. <p>
  136. <div id="oferta"></div>
  137. </body>
  138. </html>
[HTML] pobierz, plaintext
remik09
12.02.2008, 19:43:11
zrob diva ktory oplecie wszystkie ktore chcesz wysrodkowac i zrob dla niego styl:

Kod
<div style="margin: 0 auto; width: 1000px">
reszta divow
</div>


lub

Kod
<div class="srodek">
reszta divow
</div>


i wtedy w css

Kod
.srodek {
margin: 0 auto;
width: 1000px;
}
Sebastian003
12.02.2008, 19:54:51
Ok dobrze ja to wiedzialem tylko ze jak chce tak zrobic zeby strona niebyla zalezna od rozdzelczości bo jak ustawie 1000 px to u mnie nie jest na środku tylko bardziej po prawej niz na środku nie da sie inaczej jakos tego rozwiac
Daimos
12.02.2008, 20:42:21
sprobuj nie ustalac szerokosci, a jak juz to ustaw taka, jaka ma szerokosc cala strona (kolumny+srodek+ew.odstepy(padding etc))
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.