Div display:table - Forum PHP.pl

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Div display:table

Kondi_cool Zobacz profil	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 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> .HeaderSection {display:block;text-transform:uppercase;font-size:14px;color:#666666;border-bottom:solid thin #c9c8cb;padding-bottom:3px;} .HeaderContent{display:inline-table;border-spacing:0px;border:solid 1px #00ff00;} .HeaderContentRow{display:table-row} .HeaderContentRowCell{display:table-cell;padding: 0px 0px 0px 0px;border:solid 1px #00ff00;} .HeaderContentRowCellLable{display:table-cell;width:130px ;border:solid 1px #00ff00;} <div class="HeaderSection">Informacje podstawowe</div>   <div class="HeaderContent">  <div class="HeaderContentRow">  <div class="HeaderContentRowCellLable">Data</div> <div class="HeaderContentRowCell">  </div> </div> <div class="HeaderContentRow">  <div class="HeaderContentRowCellLable">Godzina rozpoczecia</div> <div class="HeaderContentRowCell">  </div> </div> <div class="HeaderContentRow">  <div class="HeaderContentRowCellLable">Godzina zakończenia</div> <div class="HeaderContentRowCell">    </div> </div> <div class="HeaderContentRow">  <div class="HeaderContentRowCellLable">Lokalizacja</div> <div class="HeaderContentRowCell">    </div> </div> <div class="HeaderContentRow">  <div class="HeaderContentRowCellLable">Cena</div> <div class="HeaderContentRowCell">  </div> </div> <div class="HeaderContentRow">  <div class="HeaderContentRowCellLable">Trenerzy</div> <div class="HeaderContentRowCell">  </div> </div> </div> [HTML] pobierz, plaintext Wynik w firefox 3 i 4, IE 8, Chrome (IMG:http://kondilabs.quintway.pl/ff.jpg) Wynik w Opera 10 (IMG:http://kondilabs.quintway.pl/opera.jpg) 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ś ? (IMG:style_emoticons/default/worriedsmiley.gif) (z góry dzięki za pomoc)

Odpowiedzi

Crozin Zobacz profil	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 <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.

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 »

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

Aktualny czas: 27.12.2025 - 05:08

Hosting zapewnia