Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html/css] wyrównanie div'ów, pomocy :P
pikey
post
Post #1





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 15.10.2006

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

Podaje kod:

index.html
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <head>
  3.       <meta name="Robots" content="all" />
  4.       <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" />
  5.  
  6.       <link rel="stylesheet" href="styles.css" type="text/css"/>      
  7.       <meta http-equiv="Content-Language" content="pl" />
  8.       <meta name="Author" content="PiKey" />
  9.       <title> Stronka  </title>
  10. </head>
  11.  <body style='height: 100%'>
  12.  
  13. <table class="page" border="1">
  14. <tr><td>
  15.  
  16. <div class="blue">
  17. 	Logowanie | Rejestracja
  18. </div>
  19.  
  20. <div class="blue" style="margin-top: 4px;">
  21. 	Witaj na stronie<br /><br />
  22.  
  23. 	Już teraz: <a href="?page=login">Zaloguj</a> się lub <a href="?page=register">Załóż nowe konto</a>
  24. </div>
  25.  
  26. </td><td>
  27.  
  28. <div class="green">
  29. 	<b>Ostatnio zalogowani:</b><br />
  30.  
  31. 	<table border="0">
  32. 	<tr>
  33. 	<td>1. </td>
  34. 	<td><h1>Teddy</h1>
  35. 	aa</td></tr>
  36.  
  37. 	<tr>
  38. 	<td>2. </td>
  39. 	<td><h1>Michałek</h1>
  40. 	aa</td></tr>
  41.  
  42. 		<tr>
  43. 	<td>3. </td>
  44. 	<td><h1>PiKey</h1>
  45. 	aa</td></tr>
  46. 	</table>
  47.  
  48. 	<br /><b>Najbogatsi:</b><br />
  49.  
  50.  
  51. 	<table border="0">
  52. 	<tr>
  53. 	<td>1. </td>
  54. 	<td><h1>PiKey</h1>
  55. 	aa</td></tr>
  56.  
  57. 	<tr>
  58. 	<td>2. </td>
  59. 	<td><h1>Michałek</h1>
  60. 	aa</td></tr>
  61.  
  62. 	<tr>
  63. 	<td>3. </td>
  64. 	<td><h1>Mruczek</h1>
  65. 	aa</td></tr>
  66. 	</table>
  67.  
  68. </div>
  69.  
  70. </td></tr>
  71. </table>
  72.  
  73.  
  74.  </body>  
  75. </html>
[HTML] pobierz, plaintext


style.css
[HTML] pobierz, plaintext 
  1. body {
  2. height: 100%;
  3. font-family: verdana;
  4. font-size: 12px;
  5. }
  6.  
  7. body {
  8. height: 100%;
  9. }
  10.  
  11. .blue {
  12. border: 1px solid #1abcff;
  13. padding: 10px;
  14. background-image: url(images/bcg-blue.png);
  15. width: 400px;
  16. }
  17.  
  18. h1 {
  19. font-size: 12px;
  20. font-family: tahoma;
  21. color:gray;
  22. margin: 0;
  23. }
  24.  
  25. .green {
  26. border: 1px solid #1abcff;
  27. padding: 10px;
  28. background-image: url(images/bcg-green.png);
  29. }
  30.  
  31. .page {
  32. height: 100%;
  33. }
  34.  
  35. .page td {
  36. vertical-align: top;
  37. }
[HTML] pobierz, plaintext


screen:
http://www.fotosik.pl/pokaz_obrazek/14f9e74b0da24055.html

wszystko wyjaśnione na screenie
proszę o szybką pomoc!http://fotosik.pl/
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
gekon
post
Post #2





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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

Cytat
Wiem po co są div-y

A czy powiedziałem, że nie wiesz?
Cytat
W innym temacie zadałem pytanie jak zachowa się div w FF i IE:

Normalnie się zachowa (biorąc pod uwagę, że "parring" to literówka). Przeglądarka to taki kompilator (interpreter ale mniejsza o szczegóły), który często musi kompilować błędny kod (!). I o ile nowe wersje trzymają się standardów języków, które kompilują to stare całkowicie to olewały. Marketing ma to do siebie, że nie można olać klientów więc potrzebny był tryb zgodności. To jedyna różna. Więc odpowiedź jest dość prosta: jeżeli Twój kod nie ustawi przeglądarki w tryb dziwactw to będzie wyglądało to identycznie we wszystkich przeglądarkach.
Go to the top of the page
+Quote Post

Posty w temacie
- pikey   [html/css] wyrównanie div'ów   6.07.2007, 12:59:18
- - Black-Berry   spróbuj może całość wstawić w jednego wielkiego di...   9.07.2007, 23:57:38
- - batman   I dlatego właśnie tworzę strony w o...   10.07.2007, 04:29:21
- - Black-Berry   Ja myślę, że w tej dyskusji o divach i tabelkachbr...   10.07.2007, 08:31:45
- - gekon   Żal mi panowie zaglądać na forum, j...   10.07.2007, 23:16:04
- - batman   CytatŻal mi panowie zaglądać na forum, jak widzę t...   11.07.2007, 07:26:50
- - gekon   CytatWiem po co są div-y A czy powiedziałem, że ni...   11.07.2007, 10:10:11
- - Kreton   @batman zachowa się normalnie. Uzywając XHTML 1.0 ...   25.07.2007, 20:29:12
- - RaNdaLLHD   Powinno pomóc Ci utworzenie warstwy i użycie w nie...   26.07.2007, 05:11:11

« Następny starszy · Po stronie przeglądarki · 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: 10.10.2025 - 05:43
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn