Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> table => div, dalsze zmagania
wassago
post
Post #1





Grupa: Przyjaciele php.pl
Postów: 701
Pomógł: 0
Dołączył: 26.06.2002
Skąd: Londyn

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


Ostatnio postanowilem zrobic pewien projekt i oczywiscie kozystac z najnowszych technik, tak wiec przyszedl czas aby stronki robic w "XHTML 1.1 Strict" i wszelkie tabele zamienic na div'y. Jak pewnie sie domyslacie troche latwo sie mowi, a nieco gorzej robi. Moj glowny problem to ustawienie obok siebie div'ow - niby "display: inline" rozwiazuje moj problem, lecze nie do konca. Sprawa wyglada tak, ze inline likwiduje mi mozliwosc dodania parametru "width" w stylach (pod IE dziala, pod MOZ juz nie), probowalem juz na kilkanascie sposobow ale nic nie dalo sie zrobic aby rozciagnac div'a liniowego. Wtedy zastosowalem parametry "displat: table" i "display: table-cell", jak wiadomo pod MOZ wyszlo to idealnie tak jak chcialem lecz IE juz nie chce tego interpretowac tak jak MOZ.

Pytanie dosc standardowe: jak zrobic aby pod IE wygladalo to tak jak pod MOZ?

  1. <div style="width: 500px;">
  2.  <div style="display:        table;
  3.              width:          480px;
  4.              padding-left:   10px;
  5.              padding-right:  10px;
  6.              padding-top:    5px;
  7.              padding-bottom: 5px;">
  8.    <div style="display: table-cell;">
  9.        <span>text</span>
  10.    </div>
  11.    <div style="display: table-cell;
  12.                width:   110px;">
  13.    </div>
  14.    <div style="display:    table-cell;
  15.                width:      20px;
  16.                text-align: right">
  17.        <span>^</span>
  18.    </div>
  19.  </div>
  20.  <div>
  21.    <span />
  22.  </div>
  23.  <div style="display:        table;
  24.              width:          480px;
  25.              padding-left:   10px;
  26.              padding-right:  10px;
  27.              padding-top:    5px;
  28.              padding-bottom: 5px;">
  29.    <div style="display: table-cell;">
  30.      <span>text<a href="#">text</a></span>
  31.    </div>
  32.  </div>
  33. </div>
Go to the top of the page
+Quote Post

Posty w temacie
- wassago   table => div   17.06.2004, 13:17:07
- - AcidBurnt   [HTML] pobierz, plaintext <div style="widt...   19.06.2004, 11:09:14


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

 



RSS Aktualny czas: 9.10.2025 - 17:54