Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Pozycjonowanie
deadmen4
post
Post #1





Grupa: Zarejestrowani
Postów: 60
Pomógł: 0
Dołączył: 17.02.2010
Skąd: Gliwice

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

Witam,

Mam taki problem, że chce aby cała strona znalazła się dokładnie na środku okna przeglądarki. Nie wiem tylko, jak zrobić to w css. Stronę mam w div'ach więc to nie problem.

Umiem zmieniać położenie o daną wartość, ale jak na oknie mojej przeglądarki bedzie na środku, to na innym monitorze będzie zupełnie inaczej.

Chodzi mi o coś w rodzaju
Kod
aligin="center"
.


Potrafiłby ktoś pomóc?


pozdr.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
deadmen4
post
Post #2





Grupa: Zarejestrowani
Postów: 60
Pomógł: 0
Dołączył: 17.02.2010
Skąd: Gliwice

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

[CSS] pobierz, plaintext 
  1. #strona {
  2. width: 1000px;
  3.  
  4.  
  5. position: absolute; left: 25%;
  6.  
  7.  
  8.  
  9.  
  10.  
  11. border-left-style: dotted;
  12.  
  13. border-right-style: dotted;
  14. border-width:  4px;
  15. border-color: yellow;
  16.  
  17. }
  18.  
  19. #menu {
  20. width:250px;
  21. float:left;
  22.  
  23.  
  24.  
  25. }
  26.  
  27. #reszta {
  28.  
  29.  
  30. width:730px;
  31. float:right;
  32. background-color: #FFCCCC;
  33. font-family: Arial, cursive;
  34. border-style: solid;
  35. border-width:  2px;
  36. border-color: red;
  37.  
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45. }
  46.  
  47. hr {
  48.  
  49. color: green;
  50.  
  51. }
  52.  
  53.  
  54.  
  55.  
  56. textarea {
  57.  
  58.  
  59. scrollbar-arrow-color: red;
  60. scrollbar-3dlight-color: black; 
  61. scrollbar-shadow-color: black; 
  62. scrollbar-highlight-color: lime;
  63. border-bottom-style: solid;
  64. border-left-style: solid;
  65. border-top-style: solid;
  66. border-right-style: solid;
  67. border-bottom-width:  thin;
  68. border-left-width:  thin;
  69. border-top-width:  thin;
  70. border-right-width: thin; 
  71. border-bottom-color: #3300FF;
  72. border-left-color:  #3300FF;
  73. border-top-color:  #3300FF;
  74. border-right-color:  #3300FF;
  75.  
  76.  
  77.  
  78. }
  79.  
  80.  
  81.  
  82. dl, dt, dd {
  83. 	display: block;
  84. 	margin: 0;
  85. 	padding: 0;
  86.     position: fixed; left: 0cm; 
  87.     width: 250px;
  88.     font-family: Arial Black, Verdana
  89.  
  90. }
  91.  
  92. dt {
  93. 	width: 250px;
  94. 	padding: 5px 10px;
  95. 	font-weight: bold;
  96. 	font-size: larger;
  97. 	text-align: center;
  98. 	background: #797 url("tlo3.gif") repeat-x top;
  99. 	color: lime;
  100. 	border-width: 2px;
  101. 	border-style: solid;
  102. 	border-color: blue blue blue blue;
  103. 	font-family: Verdana;
  104. }
  105.  
  106. dd {
  107. 	width: 250px;
  108. 	padding-left: 10px;
  109. 	background: #797 url("punkt.gif") no-repeat left top;
  110. 	border-width: 1px;
  111. 	border-style: solid;
  112. 	border-color: black black black black;
  113.  
  114. }
  115.  
  116. dl a:link, dl a:visited {
  117. 	display: block;
  118. 	width: 220px;
  119. 	text-decoration: none;
  120. 	padding: 5px 10px;
  121. 	font-weight: bold;
  122. 	background: #bfb url("tlo2.gif") repeat-x top;
  123. 	color: red;
  124. 	border-left: 1px solid #797;
  125. }
  126.  
  127. dl a:hover {
  128. 	background-color: #797;
  129. 	background-image: url("tlo.gif");
  130. 	color: red;
  131.  
  132. }    
[CSS] pobierz, plaintext 



[PHP] pobierz, plaintext 
  1.  
  2. // ten pierwszy skrypt to do licznika wejść
  3.  
  4. <?php
  5. 	if((!isset($_COOKIE['licznikowe-ciacho'])) && (!strstr($_SERVER['HTTP_REFERER'], "csmap.yoyo.pl"))) {
  6. 		$plik = fopen("licznik.txt", "r");
  7. 		$tekst = fread($plik, filesize("licznik.txt"));
  8. 		$dane = explode(";", $tekst);
  9. 		fclose($plik);
  10. 		$plik = fopen("licznik.txt", "w");
  11. 		flock($plik, 2);
  12. 		$dane[0]++;
  13. 		fwrite($plik, "$dane[0];", 15);
  14. 		flock($plik, 3);
  15. 		fclose($plik);
  16. 		setcookie("licznikowe-ciacho", "zliczono", time()+3600);
  17. 	}
  18. 	else {
  19. 		$plik = fopen("licznik.txt", "r");
  20. 		$tekst = fread($plik, filesize("licznik.txt"));
  21. 		$dane = explode(";", $tekst);
  22. 	}
  23.  
  24. ?>
  25.  
  26.  
  27. <head>
  28. 		<link rel="Stylesheet" type="text/css" href="index.css" />
  29.  
  30. <title>STRONA</title>
  31. 	<meta name="Description" content="Skrypty, pomoce, wiadomosci, portal, wszsytko" />
  32. 	<meta name="Author" content="Marox" />
  33. <meta http-equiv="Expires" content="0" />
  34. 	<meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate" />
  35. 	<meta http-equiv="Cache-Control" content="post-check=0, pre-check=0" />
  36. 	<meta http-equiv="Pragma" content="no-cache" />
  37. 	<link rel="Shortcut icon" href="http://www.multihack.pl/favicon.ico" />
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47. </head>
  48.  
  49.  
  50.  
  51. <body background="tlo_strona.jpg"></body>
  52.  
  53.  
  54. <div id="strona" >
  55.  
  56.  
  57. <table width="100%" cellspacing="0" cellpadding="0">
  58. <tr>
  59. <td style="{ position: relative; bottom: 1mm; }" colspan="2" align="center" valign="medium"><img src="logo.gif" alt="LOGO" /></td>
  60. </tr>
  61. </table>
  62.  
  63.  
  64.  
  65.  
  66. <?php
  67.  
  68.  
  69.  
  70. switch ($_GET['cos']) { 
  71. 	 case 'losowanie': include ('losowanie.php');
  72. 	 break;
  73.  
  74. 	case 'ankieta': include ('formularz.php');
  75. 	break;
  76.  
  77. 	case 'chat': include ('chat/index.php');
  78. 	break;
  79.  
  80. 	case '': include ('a.php');
  81. 	break;
  82.  
  83. 	case 'bug': include ('bug.php');
  84. 	break;
  85.  
  86.          case 'sonda': include ('ocena.php');
  87. 	break;
  88.  
  89.  
  90. 	default : 
  91.  
  92.  
  93. }
  94.  
  95. ?>
  96.  
  97. <div id="menu">
  98.  
  99. <dl>
  100. <dt>MENU</dt>
  101. <dd><a href='index.php'>Strona Głowna</a></dd>
  102. <dd><a href='index.php?cos=ankieta'>Ankieta</a></dd>
  103. <dd><a href='index.php?cos=sonda&id=1'>Oceń strone</a></dd>
  104. <dt>NARZĘDZIA</dt>				
  105. <dd><a href='index.php?cos=losowanie'>Losowanie Liczb</a></dd>	
  106. <dt>CZAT</dt>
  107. <dd><a href='/chat/index.php'>Wejdź na Czat</a></dd>	
  108. <dt>SUPPORT</dt>
  109. <dd><a href='index.php?cos=bug'>Zgłaszanie Błędow</a></dd>
  110. </dl>
  111. <div id="sonda56676">Firewall: <a href="http://www.hanzo.eu/3,86,pl,netasq_IPS_U1100.html">netasq IPS U1100</a></div>
  112. <script type="text/javascript" src="http://sonda.hanzo.eu/sonda.js,56676,kVPb,9AIh"></script>
  113. </div>
  114.  
  115. <table width="100%" cellspacing="0" cellpadding="10">
  116. <tr>
  117. <td style="{ position: relative; top: 1mm; }"  bgcolor="#888888" colspan="2" align="center" valign="middle">&copy; 2010; <i>Created by </i> <b> Marox</b><i style=" { color: white; position: relative; left: 8cm; }">Stronę odwiedziło już<b> <?php echo($dane[0]); ?></b>  osób</i></td>
  118. </tr>
  119. <tr>
  120.  
  121.  
  122. </div>
[PHP] pobierz, plaintext


Każda podstrona (include) ma diva #reszta. Cała strona ma div #strona
Go to the top of the page
+Quote Post

Posty w temacie
- deadmen4   [CSS]Pozycjonowanie   1.03.2010, 17:00:16
- - wookieb   google -> css centrowanie strony   1.03.2010, 17:02:03
- - Maciek1705   odp prosta dla głównego diva lub body daj w css ...   1.03.2010, 17:37:32
- - sadistic_son   [HTML] pobierz, plaintext <body><div styl...   1.03.2010, 18:19:11
- - wookieb   Jeżli chcesz wycentrować w pionie to powiedz czy t...   1.03.2010, 18:51:31
- - deadmen4   Poziomo centrowanie. Problem w tym, że wszystkie t...   2.03.2010, 15:55:37
- - darophp   [HTML] pobierz, plaintext html, body { width: 900...   2.03.2010, 16:04:46
- - sweter   Może tak: Kod#wycentrowany_div { width:900px;...   2.03.2010, 16:11:21
- - krzysztof_kf   po co tyle tego krutko Kodselektor { width...   2.03.2010, 17:04:23
- - mls   Dwa sposoby (zakładając, że cała strona zostanie u...   2.03.2010, 17:08:54
- - deadmen4   Kurde... Nic z tych rzeczy nie działa. Kod#wyc...   2.03.2010, 17:18:03
- - darophp   A weż spróbuj mojego   2.03.2010, 17:53:23
- - mortus   Nie dziw się, że coś nie działa. Gdzie Ty chłopie ...   2.03.2010, 18:05:29
- - krzysztof_kf   wklej swój kod bo zgadywać możemy przez parę dni   2.03.2010, 18:29:41
- - deadmen4   Próbowałem obydwu... nic   2.03.2010, 19:18:22
- - krzysztof_kf   wklej swój kod   2.03.2010, 19:19:36
- - deadmen4   strony index czy css   2.03.2010, 19:24:30
- - krzysztof_kf   index i css   2.03.2010, 19:28:21
- - deadmen4   [CSS] pobierz, plaintext #strona {width: 1000...   2.03.2010, 19:34:14
- - Maciek1705   ja pier...... jaka awaria czemu zamykasz body? zam...   2.03.2010, 20:01:55
- - darophp   [HTML] pobierz, plaintext  #strona {width: 10...   2.03.2010, 20:05:41
- - krzysztof_kf   menu ci ucieka zmień a tak po za tym tak jak mój p...   2.03.2010, 20:13:43
- - mortus   Odbiegasz od standardów i stąd te problemy. Zastan...   2.03.2010, 20:22:32
- - darophp   Dopisałem mu to już wcześniej zgodnie ze standard...   2.03.2010, 20:31:13
|- - mortus   Cytat(darophp @ 2.03.2010, 20:31:13 )...   2.03.2010, 20:41:33
- - darophp   Wiadomo, wiem o coc Ci chodzi, dlatego napisałem m...   3.03.2010, 14:44:45

« 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 · Przełącz na: Linearny+ · Drzewo

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

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