---------- Forwarded message ----------
Date: Sun, 31 May 1998 21:17:30 +0000
From: Brent Eades <[EMAIL PROTECTED]>
To: [EMAIL PROTECTED]
Cc: [EMAIL PROTECTED]
Subject: Re: WC:>: Mac vs. PC browser web element spacing
On 31 May 98, Barry Lee Brisco wrote:
> See http://www.marcomandmore.com/btsw/
>
> This is a work in progress. The design uses a number of elements
> that are supposed to align closely without gaps. On my PC there are
> no gaps. A Mac user told me he sees a gap between the top thin
> orange bar (horizontal) and the "Special Announcement" section. I
> can't see it, nor can I figure out what I can tweak in the code to
> make it go away. Do you see this?
Hiya Barry... hmm, I don't see the gap on my NS 4.0/Wintel box
either, but one aspect of your code catches my eye:
<table width="1020" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150" rowspan="2"><!-- Breakthrough logo -->
[snip]
<td width="470" valign="TOP">
<!-- top orange bar -->
<img src="images/orange-bar.gif" width=482 height=6 alt="orange
bar" border=0 hspace=0 vspace=0></td>
<!------ extension cell---------->
<td width="400" valign="TOP"><img src="images/orange-bar.gif"
width=400 height=6 alt="orange bar" border=0 hspace=0
vspace=0></td>
So what we have is a <table> and <td> widths that equal 1020, but
actual image widths that total 1032; in the past I have
experienced anomalous spacing from browser to browser and platform to
platform in such cases, where the software tries to reconcile these
out-of-synch width attributes. Just a thought...
As an aside, I'm curious as to why you're using those two wide GIF
<td>s side by side to create the orange bar. On my system it forces
the bar to extend well past the right margin of the screen at both
800x600 and 1024x768... seems a little odd. (Just what are those
mysterious "extension cells" for anyway? :) Any reason that you're
not using an "empty" table cell with the bgcolor set to the
appropriate value, and without cell and table widths set, ie:
<table border="0" cellspacing="0" cellpadding="0">
[snip]
<td valign="TOP" bgcolor="#ff6000"><img
src="transparent_spacer.gif" width="1" height="6"></td>
... and then for the blue cell containing the intro text:
<td valign="TOP" bgcolor="#6666CC">
<table border="0" cellspacing="0" cellpadding="5">
<tr>
<td><font face="Arial,Helvetica" size="-1" color="#FFFFFF">
<img src="special-announce.gif" width=200 height=16 alt="Special
Announcement" border=0 hspace=0 vspace=3><br>
This area will change regularly...
This would give you an orange bar and blue cell below that would
resize automatically according to window size and resolution... just
curious :)
(The site does look like it's shaping up to be quite nice all round,
mind you.)
Cheers.
-----------
Brent Eades, Almonte, Ontario
E-mail: [EMAIL PROTECTED]
Town of Almonte: http://www.almonte.com/
Business Web site: http://www.almonte.com/brent/
____________________________________________________________________
--------------------------------------------------------------------
Join The Web Consultants Association : Register on our web site Now
Web Consultants Web Site : http://just4u.com/webconsultants
If you lose the instructions All subscription/unsubscribing can be done
directly from our website for all our lists.
---------------------------------------------------------------------
