Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Div display:table
Kondi_cool
post 17.12.2010, 13:44:19
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 17.12.2010

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

Witam,

Walcze z tym problemem ze 3 godziny i już się poddałem


[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. .HeaderSection {display:block;text-transform:uppercase;font-size:14px;color:#666666;border-bottom:solid thin #c9c8cb;padding-bottom:3px;}
  4. .HeaderContent{display:inline-table;border-spacing:0px;border:solid 1px #00ff00;}
  5. .HeaderContentRow{display:table-row}
  6. .HeaderContentRowCell{display:table-cell;padding: 0px 0px 0px 0px;border:solid 1px #00ff00;}
  7. .HeaderContentRowCellLable{display:table-cell;width:130px ;border:solid 1px #00ff00;}
  8.  
  9.  
  10. <div class="HeaderSection">Informacje podstawowe</div>
  11. 

  12. <div class="HeaderContent">

  13.   <div class="HeaderContentRow">

  14.     <div class="HeaderContentRowCellLable">Data</div>
  15.     <div class="HeaderContentRowCell">
  </div>
  16.   </div>
  17.  
  18.   <div class="HeaderContentRow">

  19.     <div class="HeaderContentRowCellLable">Godzina rozpoczecia</div>
  20.     <div class="HeaderContentRowCell">
 </div>
  21.   </div>
  22.  
  23.   <div class="HeaderContentRow">

  24.     <div class="HeaderContentRowCellLable">Godzina zakończenia</div>
  25.     <div class="HeaderContentRowCell">
 
 </div>
  26.   </div>
  27.  
  28.   <div class="HeaderContentRow">

  29.     <div class="HeaderContentRowCellLable">Lokalizacja</div>
  30.     <div class="HeaderContentRowCell">
 
 </div>
  31.   </div>
  32.  
  33.   <div class="HeaderContentRow">

  34.     <div class="HeaderContentRowCellLable">Cena</div>
  35.     <div class="HeaderContentRowCell">
 </div>
  36.   </div>
  37.  
  38.   <div class="HeaderContentRow">

  39.     <div class="HeaderContentRowCellLable">Trenerzy</div>
  40.     <div class="HeaderContentRowCell">
 </div>
  41.   </div>
  42. </div>
[HTML] pobierz, plaintext


Wynik w firefox 3 i 4, IE 8, Chrome


Wynik w Opera 10


Pytanie: Jak się pozbyć tych diabelskich odstępów miedzy wierszami ?! (ogolnie mam problem, bo gdzie bym nie użyl display:block to zawartosc ma z automatu padding)

Poradzicie coś ? worriedsmiley.gif (z góry dzięki za pomoc)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Crozin
post 17.12.2010, 15:18:10
Post #2





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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

[HTML] pobierz, plaintext 
  1. <div class="HeaderSection">Informacje podstawowe</div>

[HTML] pobierz, plaintext
Divitis trzeba leczyć... od nagłówków masz elementy H1-H6. Ale jak już powiedziałem, tutaj powinieneś użyć CAPTION.
W ogóle to odsyłam do http://www.whatwg.org/specs/web-apps/curre...ml#tabular-data Bo masz źle zbudowaną tabelę.

Jeżeli ten element ma jakiś odstęp to powodują go jakieś inne style.
Go to the top of the page
+Quote Post

Posty w temacie
- Kondi_cool   Div display:table   17.12.2010, 13:44:19
- - Crozin   A teraz: dlaczego nie użyjesz zwykłej tabelki?   17.12.2010, 13:47:10
- - askone   To się nazywa przesada - pewnie gdzieś kolega wycz...   17.12.2010, 13:52:38
- - Kondi_cool   Proszę bardzo oto tabelka Firefox Opera   17.12.2010, 14:08:43
- - Crozin   No to może ją teraz sformatuj? Swoją drogą Informa...   17.12.2010, 14:15:30
- - Kondi_cool   [HTML] pobierz, plaintext  .HeaderSection {di...   17.12.2010, 15:11:56
- - Crozin   [HTML] pobierz, plaintext <div class="Head...   17.12.2010, 15:18:10

« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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 Wersja Lo-Fi Aktualny czas: 27.06.2025 - 09:08
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn