[CSS] position: absolute a szerokość

[l3niwi3c]

załóżmy, że mam taki kod:
CSS:

Kod:

td width: 30%

html:
...

Kod:

TABELA TWORZONA DYNAMICZNIE, TO TYLKO PRZYKŁAD DLA ZOBRAZOWANIA SYTUACJI
<table>
<tr>
    <td><div>COŚ TAM</div></td>    <td>...</td> <td>...</td>
</tr>
<tr>
    <td>...</td>    <td>...</td> <td>...</td>
</tr>
</table>

div jest i musi być z parametrem position:absolute
czy jest jakiś sposób aby ustawić mu szerokość komórki w której się znajduje?

[Ancik]

Witaj,

Po pierwsze, w jakim celu wstawiasz diva w komórkę tabeli?
Po drugie, skoro tak bardzo Ci zależy to jest taki sposób. Nadaj mu jakąś tam klasę, a następnie width: 100%.

Pozdrawiam.

[l3niwi3c]

bo w komórce ma być trójkąt obrócony w zależności od paramterów i czasmi będzie tak że będą 2 trójkąty
możesz podać przykład? to nie będzie wtedy na całej szerokości okna?

[Ancik]

Nie będzie na całej szerokości okna. Mimo wszystko nie rozumiem po co tam ten div ;P.

Kod:

<table>
<tr>
    <td><div class="trojkat">COŚ TAM</div></td>    <td>...</td> <td>...</td>
</tr>
<tr>
    <td>...</td>    <td>...</td> <td>...</td>
</tr>
</table>

CSS

Kod:

td {width: 30%;}
.trojkat { width: 100%;}

Pozdrawiam.

[Kartofelek]

Po co div? Bo kolega l3niwi3c na pewno wie, że względem TD nie działa position:absolute; nawet jeżeli to TD ma w stylach position:relative. Taki tabelkowy babol, który powoduje, że mamy kolejny powód do przejścia na divy.

Tak więc odpowiedź na pytanie jest bardzo prosta.
Twój div NIE może mieć position:absolute. Może a nawet musi mieć position:relative i width:100% i height:100%. Kolejne elementy twojego projektu (trójkąty czy inne skrzaty) już position:absolute względem tamtego mieć powinny

Kod:

<td>
<div position:relative; width:100%; height:100%>
     <div position:absolute left: top:>
     <div position:absolute left:top>
     ....
</div>
</td>

Dziękuję za uwagę. Dobranoc.