Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS] tabela z div'ow
krun
post
Post #1





Grupa: Zarejestrowani
Postów: 28
Pomógł: 0
Dołączył: 8.06.2005
Skąd: Tarnów

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

Witam.
Zrobilem w css tabele za pomoca div'ow, ale z trzech przegladarek (IE, Opera, Mozilla Firefox) poprawnie odczytuje tylko firefox. Ponizej wkjelam kod gdyby ktos byl chetny udzilic pomocy.
CSS:
Kod
div.cialo
{
    background-color:#F7F9F7;
    width:80%;
    height:100%;
    display:table;
    border: #000000 1px solid;
}

div.naglowek
{
    background-color:#CCCCFF;
    height:100px;
    width:100%;
    display: table-row;
    border: #000000 1px solid;
    text-align:center;
}

div.srodek
{
    display: table-row;
    height:80%;
    width:100%;
    text-align:left;
}

div.menu
{
    display:table-cell;
    height: 100%;
    width: 175px;
    text-align:left;
    vertical-align:top;
}

div.strona
{
    display: table-cell;
    height: 100%;
    vertical-align:middle;
    text-align:center;
    background-repeat:no-repeat;
    background-color:inherit;
    background-position:center;
    background-image:url(../Images/podklad.gif);
}

div.stopka
{
    dipslay: table-row;
    vertical-align:middle;
    height:20px;
    width:100%;
    text-align:center;
    font-size: smaller;
    border: #000000 1px solid;
}


[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. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta name="author" content="Krystian Kuczek" />
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <style type="text/css">@import url("style.css");</style>
  7.  
  8. <body>
  9.  
  10. <!-- POCZATEK TABELI-->
  11. <div align="center" style="height:620; width:100%;">
  12. <div class="cialo">
  13. <div class="naglowek">
  14. Naglowek
  15. </div>
  16. <div class="srodek">
  17. <div style="display:table; width:100%; height:100%">
  18. <div style="display:table-row; width:100%; height:100%">
  19. <div class="menu">
  20. Menu
  21. Menu
  22. Menu
  23. Menu
  24. Menu
  25. Menu
  26. Menu
  27. Menu
  28. Menu
  29. Menu
  30. Menu
  31. Menu
  32. Menu
  33. Menu
  34. Menu
  35. Menu
  36. Menu
  37. Menu
  38. Menu
  39. </div>
  40. <div class="strona">
  41. Glówna
  42. Glówna
  43. Glówna
  44. Glówna
  45. Glówna
  46. Glówna
  47. Glówna
  48. Glówna
  49. Glówna
  50. Glówna
  51. Glówna
  52. Glówna
  53. Glówna
  54. Glówna
  55. Glówna
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="stopka">
  61. Stopka
  62. </div>
  63. </div>
  64. </div>
  65. <!-- KONIEC TABELI -->
[HTML] pobierz, plaintext

Strona do podpatrzenia: http://www.krychan.webpark.pl

Z gory dziekuje za pomoc,
Krun
Go to the top of the page
+Quote Post
bigZbig
post
Post #2





Grupa: Zarejestrowani
Postów: 740
Pomógł: 15
Dołączył: 23.08.2004
Skąd: Poznań

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

Sprobuj dodac float: left; do div.menu
Go to the top of the page
+Quote Post
revyag
post
Post #3





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

A jaki jest sens tego (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) Rozumiem, że chcesz wyeliminowac tabele z procesu tworzenia strony,ale bez przesady. Jeśli dane są prezentowane w sposób tabelaryczny to łatwiej jest użyć tabel.
Go to the top of the page
+Quote Post
bim2
post
Post #4





Grupa: Zarejestrowani
Postów: 1 873
Pomógł: 152
Dołączył: 9.04.2006
Skąd: Berlin

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

A znasz pojecie xhtml? Wszystkie przegladarki zinterpretuja to tak samo, a zdaza sie ze na tabelach nie. (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif)
Go to the top of the page
+Quote Post
devnul
post
Post #5





Grupa: Zarejestrowani
Postów: 1 470
Pomógł: 75
Dołączył: 21.09.2005
Skąd: że znowu

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

Cytat
A znasz pojecie xhtml? Wszystkie przegladarki zinterpretuja to tak samo, a zdaza sie ze na tabelach nie.


żeby tak wszystkie przeglądarki interpretowały wszystko (nawet tylko w XHTML) tak samo to byśmy żyli w cudownym świecie, a tak jest mnóstwo roboty. Otóż nie wszystkei przeglądarki interpretują tak samo taki sam kod wystarczy zobaczyć jak to robi IE a ja FF i widać drastyczną różnice
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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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