Rozmiary komórki i padding - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › Rozmiary komórki i padding

Ilość wypowiedzi w tym wątku: 1

1. Data: 2011-03-02 21:32:57
Temat: Rozmiary komórki i padding
Od: "Wojciech \"Spook\" Sura" <spook"mad@hatter"op.pl>

Cześć!

Rozpatrzmy następujący przykład:

<html>
<head>
<style type="text/css">
table { border: 1px solid black; }
table#t1 td { padding: 20px; }
table#t2 td { width: 200px; height: 100px; padding: 20px; }

div#d1 { width: 200px; height: 100px; padding: 20px; border: 1px solid
black; }
</style>
</head>
<body>

<table id="t1" cellpadding="0" cellspacing="0">
<tr>
<td width="200" height="100">asd</td>
</tr>
</table>

<table id="t2" cellpadding="0" cellspacing="0">
<tr>
<td>asd</td>
</tr>
</table>

<div id="d1" />

</body>
</html>

Wymiary komórki tabeli w obu przypadkach to 242x102px. Po odjęciu piksla
na krawędź zostaje 240x100px na komórkę. Div ma wymiary 242x142, czyli po
odjęciu piksla na krawędź zostaje 240x140px. Z czego wynika dziwny rozmiar
komórki tabeli? Swoją drogą, właśnie się dowiedziałem, że padding zmienia
wymiary kontenera ;)

Pozdrawiam -- Spook.

--
Używam klienta poczty Opera Mail: http://www.opera.com/mail/

[ pokaż wiadomość z nagłówkami ]

do góry