Forum PHP.pl > [HTML][CSS]Div jako tabelka i wygląd w IE

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]Div jako tabelka i wygląd w IE

redelek

5.08.2008, 12:44:50

Witam,

Walczę już od kilku godzin ze zrobieniem tabelki z DIV-ów.
W FF Opera SeaMonkey wygląda tak jak bym chciał. Niestety IE wali wszystko w jednej lini.

Tak to wygląda

[HTML] pobierz, plaintext 
<html>
<head>
<title>Tytuł strony</title>
 
</head>
<body style="margin: 0; padding: 0; text-align: center;">
 
<div style="border: 2px solid Red; margin: 0 auto; width: 800px; text-align: left;">
 
<div style="border: 1px solid Teal; display: table;">
<div style="display: table-row">
	<div style="display: table-cell; border: 1px solid Teal">komórka1</div>
	<div style="display: table-cell; border: 1px solid Teal">komórka2</div>
	<div style="display: table-cell; border: 1px solid Teal">komórka3</div>
	<div style="display: table-cell; border: 1px solid Teal">komórka4</div>
	<div style="display: table-cell; border: 1px solid Teal">komórka6</div>
	<div style="display: table-cell; border: 1px solid Teal">komórka7</div>
</div>
<div style="display: table-row">
	<div style="display: table-cell; border: 1px solid Teal">komórka7</div>
	<div style="display: table-cell; border: 1px solid Teal">komórka8</div>
	<div style="display: table-cell; border: 1px solid Teal">komórka9</div>
	<div style="display: table-cell; border: 1px solid Teal">komórka10</div>
	<div style="display: table-cell; border: 1px solid Teal">komórka11</div>
	<div style="display: table-cell; border: 1px solid Teal">komórka12</div>
</div>
</div>
</body>
</html>
[HTML] pobierz, plaintext

Macie pomysła jak to zrobić żeby w IE wyświetlało się dobrze ?
Chcę zrobić 7kolumn i wiersze będą się dokładały automatycznie z bazy. To jest przykład na którym trenuję

Pozdrawiam
Redelek

neverever

5.08.2008, 12:58:15

Powodzenia zyczę. IE nie obsługuje display: table o ile mi wiadomo.
Może to ci się przyda, taka mała alternatywa http://www.communitymx.com/content/article...1&cid=97480

redelek

5.08.2008, 13:12:39

Cytat(neverever @ 5.08.2008, 11:58:15 )

Powodzenia zyczę. IE nie obsługuje display: table o ile mi wiadomo.
Może to ci się przyda, taka mała alternatywa http://www.communitymx.com/content/article...1&cid=97480

Co za ...... Czyli co jeśli chcę sobie dane wyświetlić w div w takiej postaci

LP | Temat | Data 1 | Data 2 | Status | Edytuj |
1 | test |2008-09-12 |2008-10-12 | OK | E|
2 | test |2008-09-12 |2008-10-12 | OK | E|
3 | test |2008-09-12 |2008-10-12 | OK | E|

To muszę zastosować tabelki żeby było działające w IE ?

No nic powalczymy

Dzięki

Kicok

5.08.2008, 13:19:49

Cytat

Czyli co jeśli chcę sobie dane wyświetlić w div w takiej postaci

LP | Temat | Data 1 | Data 2 | Status | Edytuj |
1 | test |2008-09-12 |2008-10-12 | OK | E|
2 | test |2008-09-12 |2008-10-12 | OK | E|
3 | test |2008-09-12 |2008-10-12 | OK | E|

To muszę zastosować tabelki żeby było działające w IE ?

Znacznik TABLE służy do przedstawiania danych tabelarycznych. Kropka.
To że w kodzie twojej strony znajdzie się <table> nie oznacza że jesteś złym webmasterem. Zły webmaster próbuje przedstawić wszystko - nawet dane tabelaryczne - przy pomocy DIV-ów, bo wydaje mu się, że wtedy jego strona będzie XHTML 1.1 Superextrastrict

JoShiMa

5.08.2008, 13:46:12

Cytat(redelek @ 5.08.2008, 13:44:50 )

Witam,

Walczę już od kilku godzin ze zrobieniem tabelki z DIV-ów.

A po co robisz tabelkę z divów? Przecież masz do tego znacznik <table/>. Nie popadaj w paranoje. Znacznik <table/> nie jest beee. Tylko nie należy go używać do tworzenia layoutów natomiast do wyświetlania danych tabelarycznych nadaje się wyśmienicie i jest to zgodne ze standardem w przeciwieństwie do robienia tabelki z divów.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.