+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] position: absolute a szerokość (/thread-css-position-absolute-a-szeroko%C5%9Bc)
[CSS] position: absolute a szerokość - l3niwi3c - 27-01-2011
załóżmy, że mam taki kod:
CSS:
Kod:
td width: 30%...
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?
RE: [CSS] position: absolute a szerokość - Ancik - 27-01-2011
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.
RE: [CSS] position: absolute a szerokość - l3niwi3c - 27-01-2011
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?
RE: [CSS] position: absolute a szerokość - Ancik - 27-01-2011
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.
RE: [CSS] position: absolute a szerokość - Kartofelek - 27-01-2011
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.