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

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

Path: news-archive.icm.edu.pl!news.gazeta.pl!not-for-mail
From: "Wojciech \"Spook\" Sura" <spook"mad@hatter"op.pl>
Newsgroups: pl.comp.www
Subject: Rozmiary komórki i padding
Date: Wed, 02 Mar 2011 22:32:57 +0100
Organization: "Portal Gazeta.pl -> http://www.gazeta.pl"
Lines: 55
Message-ID: <op.vrqjg7ck8x7o78@notebook>
NNTP-Posting-Host: dynamic-78-8-49-126.ssp.dialog.net.pl
Mime-Version: 1.0
Content-Type: text/plain; charset=iso-8859-2; format=flowed; delsp=yes
Content-Transfer-Encoding: Quoted-Printable
X-Trace: inews.gazeta.pl 1299101575 2400 78.8.49.126 (2 Mar 2011 21:32:55 GMT)
X-Complaints-To: u...@a...pl
NNTP-Posting-Date: Wed, 2 Mar 2011 21:32:55 +0000 (UTC)
X-User: spoko_ws
X-Antivirus: avast! (VPS 110302-1, 2011-03-02), Outbound message
X-Antivirus-Status: Clean
User-Agent: Opera Mail/11.01 (Win32)
Xref: news-archive.icm.edu.pl pl.comp.www:398351
[ ukryj nagłówki ]
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/