🚀 go-pugleaf

RetroBBS NetNews Server

Inspired by RockSolid Light RIP Retro Guy

Article View: adobe.web.design
Article #473

Re: Desperate! Simple Question about Tables!

#473
From: Tina_Hayes
Date: Fri, 20 Aug 2004 03:52
26 lines
1545 bytes
What? You've got that table set to 1600 pixels??????????

First

make the table "100%"...this means it will expand and contract the width of the end users window no matter what screen res they are using.

Set cellspacing and cellpadding each to "0" so prevent gaps.

If you want one cell to expand with content and the others to stay a fixed size:

Say a left sidebar ---- td valign="top" width="150"
(That's 150 pixels...fixed)

You want a middle content area to strech:
td valign="top" width="65%"
(Note the percent sign)

A right sidebar----td valign="top" width="150"

You normally don't set table height...let the content take care of that.

Now....because you have cellpadding and cellspacing at 0 your content will hit the of the table and be smooched. You'll use CSS to control the individual table cells.

.td }
padding: 15px; /* Or Whatever amount of padding */
{
Technical Details
Message-ID: <3bb58b4f.7@webx.la2eafNXanI>
Path: arc1-ca.pugleaf.net!g2news1.google.com!news2.google.com!proxad.net!proxad.net!npeer.de.kpn-eurorings.net!feed.news.schlund.de!schlund.de!newsfeed01.sul.t-online.de!t-online.de!webx
References: <3bb58b4f.-1@webx.la2eafNXanI>

Show Full Headers
Complete Article Headers
X-Google-Thread: ffb7c,126f63bd2867a59e
X-Google-Attributes: gidffb7c,public
X-Google-Language: ENGLISH,ASCII-7-bit
From: Tina_Hayes@adobeforums.com
Path: arc1-ca.pugleaf.net!g2news1.google.com!news2.google.com!proxad.net!proxad.net!npeer.de.kpn-eurorings.net!feed.news.schlund.de!schlund.de!newsfeed01.sul.t-online.de!t-online.de!webx
Newsgroups: adobe.web.design
Subject: Re: Desperate! Simple Question about Tables!
Message-ID: <3bb58b4f.7@webx.la2eafNXanI>
Date: Thu, 19 Aug 2004 20:52:58 -0700
References: <3bb58b4f.-1@webx.la2eafNXanI>
Lines: 31
MIME-Version: 1.0
Content-Type: text/plain; charset="ISO-8859-1"
Content-Transfer-Encoding: 8bit