Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Wyśrodkowanie całości treści
beel
post
Post #1





Grupa: Zarejestrowani
Postów: 87
Pomógł: 0
Dołączył: 20.04.2007

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

W pliku css ustawiłem sobie między innymi:
[CSS] pobierz, plaintext 
  1. body
  2. {	width: 580px;
  3. 	margin-top: 100px;
  4. 	margin-left: 250px;
  5. 	margin-right: 5px;
  6.         font: small-caps 1em/1.5em Helvetica;
  7.  
  8.         background-color: #F8F8F8;
  9. }
[CSS] pobierz, plaintext


I fajnie, bo mam wszystko wyśrodkowane z takimi ustawieniami. Jednak obawiam się, że przy innej rozdzielczości może nie być już tak kolorowo. Jak więc ustawić parametry, aby niezależnie od np. wspomnianej rozdzielczości zawsze treść dopasowywałaby się do środka okna? Górny margines może być ustawiony na sztywno.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
beel
post
Post #2





Grupa: Zarejestrowani
Postów: 87
Pomógł: 0
Dołączył: 20.04.2007

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

Bo mi ten gotowy sposób nie działa. Kod poniżej:

[HTML] pobierz, plaintext 
  1. <?php
  2. require_once ('./scripts.php');
  3. ?>
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head>
  8.     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  9.     <meta http-equiv="content-language" content="pl" />
  10.     <meta name="author" content="trym" />
  11.  
  12.     <title></title>
  13. </head>
  14. <body>
  15.     <div id="naglowek">
  16.     </div>
  17.  
  18.     <div id="zawartosc">
  19. 		<link href="style/styl.css" rel="stylesheet" type="text/css" />
  20.  
  21.         <table style="border-style: double;" width="800" height="420" cellspacing="35">
  22. 			<tr>
  23. 				<td>
  24. 					<img src="/image/img.jpg" alt="img.jpg" />
  25. 				</td>    
  26. 				<td>
  27. 					<p class="styl1">text text text text text</p>
  28.  
  29. 					<p>
  30.  
  31. 					text text text text text<br />
  32. 					text text text text text<br />
  33. 					text text text text text<br />
  34. 					text text text text text
  35. 					</p>
  36.  
  37. 					<!-- formularz-->
  38.  
  39. 					 <form action="P03WymusPass.php" method="post">
  40. 						<fieldset><legend>Legenda</legend>
  41. 						<table> 
  42. 							<tr> 
  43. 								<td>Opis1:</td>				
  44. 								<td><input type="password" name="op1" /></td>    		
  45. 							</tr> 
  46. 							<tr> 
  47. 						  		<td>Opis2:</td> 
  48. 							  	<td><input type="password" name="op2" /></td>       	
  49. 							</tr>	 
  50. 						</table> 	
  51. 						</fieldset> 
  52. 						<br />
  53. 						<input type="submit" value="OK" />
  54. 					</form>    
  55.  
  56. 				</td>
  57. 			</tr>
  58.  
  59.         </table>
  60.  
  61.  
  62.  
  63.  
  64.     </div>
  65.     <!-- nawigacja -->
  66.     <div id="nawigacja">
  67.  
  68.     </div>
  69.     <!--stopka-->
  70.     <div id="stopka">
  71.  
  72.     </div>
  73. </body>
  74. </html>
[HTML] pobierz, plaintext


I styl:
[CSS] pobierz, plaintext 
  1. body
  2. {	
  3. 	 font: small-caps 1em/1.5em Helvetica;
  4.     background-color: #F8F8F8;
  5.  
  6. }
  7.  
  8. #zawartosc{
  9. 	//width: 580px;
  10. 	//margin-top: 80px;
  11. 	//margin-left: 225px;
  12. 	//margin-right: 5px;
  13. 	width: 500px;
  14.  	margin: 10px auto;
  15.  
  16. }
  17.  
  18. p.styl1 {
  19. 	font-size: larger    
  20. }
[CSS] pobierz, plaintext


W efekcie całość przesunięta jest do prawej strony, zachowując lekki margines.

Ten post edytował beel 1.06.2011, 22:58:21
Go to the top of the page
+Quote Post

Posty w temacie
- beel   Wyśrodkowanie całości treści   31.05.2011, 19:51:12
- - kamil4u   [CSS] pobierz, plaintext text-align: center;[CSS] ...   31.05.2011, 20:14:05
- - el.pablo.72   Tag body nie należy ustawiać szerokości i wysokośc...   1.06.2011, 13:23:45
- - beel   Nie działają mi powyższe propozycje. Może więc kon...   1.06.2011, 17:18:58
- - kamil4u   [CSS] pobierz, plaintext #zawartosc{ width: 5...   1.06.2011, 17:32:18
- - beel   Powiem tak, jeżeli dam ustawienia: [CSS] pobierz, ...   1.06.2011, 20:19:23
- - Damonsson   Oczywiście, że się nie sprawdzi. Dlaczego nie sko...   1.06.2011, 21:38:26
- - beel   Bo mi ten gotowy sposób nie działa. Kod poniżej: ...   1.06.2011, 22:57:37
- - Damonsson   1. Tabelki służą do przedstawienia danych TABELARY...   1.06.2011, 23:19:47
- - beel   Ok, rozumiem, że tabelka nie była najlepszym wybor...   2.06.2011, 11:56:42
- - Damonsson   http://lmgtfy.com/?q=obramowanie+css   2.06.2011, 12:57:51
- - beel   Umiem posługiwać się Google. Uzasadniając moje pyt...   2.06.2011, 17:41:28
- - kamil4u   Wszystko zależy co chcesz osiągnąć: - dane tabelar...   2.06.2011, 20:38:50
- - demolka666   przykładowe rozwiązanie: [CSS] pobierz, plaintext...   13.06.2011, 11:11:08
- - toaspzoo   vertical-align: center; text-align: center; float:...   13.06.2011, 11:19:12
- - kamil4u   Cytatfloat: center; Skąd to się wzięło? http://www...   13.06.2011, 13:31:08
- - Fluke   [HTML] pobierz, plaintext <style>body { ...   30.06.2011, 21:19:56

« Następny starszy · CSS · 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: 28.12.2025 - 00:07
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn