Forum PHP.pl > [js][css] Dynamiczne dodawanie wiersza do tabelki

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js][css] Dynamiczne dodawanie wiersza do tabelki

-Adam-

5.01.2008, 14:25:00

Witam. Napisałem następującą funkcję, która tworzy następny wiersz tabeli (służącej jako layout):

Kod

function row()
{
var a=document.createElement('div');
a.setAttribute('class','center');
var b=document.createElement('div');
b.setAttribute('class','left');
var c=document.createElement('div');
c.setAttribute('class','right');
a.appendChild(b);
a.appendChild(c);
return a;
}

Chcę, żeby nowy wiersz składał się z dwóch komórek, z których pierwsza wynosi 200 px.
Po wykonaniu instrukcji gdziestam.appendChild(row()) chcę aby wiersz został wyświetlony w osobnej linii.

Więc w pliku style.css mam:

Kod

div.center {display: inline}
div.left {float: left; width: 200px}
div.right {float: left}

Ale niestety ten kod nie działa tak jak powinien. Mógłby mi ktoś napisać poprawny? Bo sam sobie chyba nie poradzę...

skowron-line

5.01.2008, 14:37:50

Niestety nie jestem specem od CSS ale wydaje mi sie ze powinienes zamienic

Kod

div.center {display: inline}

Kod

.center {display: inline}

-Adam-

5.01.2008, 15:04:22

Niestety, nie pomogło.

skowron-line

5.01.2008, 15:13:58

A zamien div na span bo span to element liniowy a div to element blokowy wiec teoretycznie powinno pomoc

-Adam-

5.01.2008, 15:23:01

Dalej nic.

P.S.
Przed chwilą przetestowałem działające rozwiązanie dla firefoxa:

Kod

div.center {display: block}
div.left {float: left; width=200px}
div.right {}

ale IE dalej wyświetla komórki jedna pod drugą.

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.