-
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/
do góry
![Reklama telewizyjna: wydatki rosną, a oglądalność spada? [© auremar - Fotolia.com]](https://s3.egospodarka.pl/grafika2/reklama/Reklama-telewizyjna-wydatki-rosna-a-ogladalnosc-spada-254123-50x33crop.jpg "Reklama telewizyjna: wydatki rosną, a oglądalność spada? [© auremar - Fotolia.com]")
Reklama telewizyjna: wydatki rosną, a oglądalność spada?
