Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] centrowanie skupiska div=ów
Sebastian003
post
Post #1





Grupa: Zarejestrowani
Postów: 282
Pomógł: 2
Dołączył: 22.03.2007

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
remik09
post
Post #2





Grupa: Zarejestrowani
Postów: 102
Pomógł: 10
Dołączył: 25.12.2005
Skąd: Ruda Śląska

Ostrzeżenie: (0%)
-----

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;
}


Ten post edytował remik09 12.02.2008, 19:44:25
Go to the top of the page
+Quote Post
Sebastian003
post
Post #3





Grupa: Zarejestrowani
Postów: 282
Pomógł: 2
Dołączył: 22.03.2007

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
Daimos
post
Post #4





Grupa: Zarejestrowani
Postów: 1 319
Pomógł: 118
Dołączył: 26.11.2003
Skąd: Lublin

Ostrzeżenie: (0%)
-----

sprobuj nie ustalac szerokosci, a jak juz to ustaw taka, jaka ma szerokosc cala strona (kolumny+srodek+ew.odstepy(padding etc))
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 24.08.2025 - 11:40
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn