Home Messages Index
[Date Prev][Date Next][Thread Prev][Thread Next]
Author IndexDate IndexThread Index

Re: [css-d] Border Bottom & padding problem

  • To: css-d@lists.css-discuss.org
  • Subject: Re: [css-d] Border Bottom & padding problem
  • From: Roy Schestowitz <r@schestowitz.com>
  • Date: Fri, 20 May 2005 06:26:49 +0100
  • Delivery-date: Fri, 20 May 2005 06:26:52 +0100
  • Envelope-to: r@schestowitz.com
  • In-reply-to: <4284162e.076a5697.1a8c.ffffd342@mx.gmail.com>
  • References: <4284162e.076a5697.1a8c.ffffd342@mx.gmail.com>
  • User-agent: Internet Messaging Program (IMP) H3 (4.0)
Quoting Joanne:

I have the following code in my style sheet (see below).

In IE 6.0.290 - the bottom border works but the padding doesn't.
In Firefox 1.0 - the padding works but not the bottom border.

Running this code through the validator says it's ok. If I put inherent in
the 0px values, it looks worse.

Any clues?

It is hard to test or appraise without a page that embeds this element, but here
are some ideas:


-Try changing the order of the line in .addresstable

-Create another div which gives you just the border. This is not elegant though.

Joanne

.addresstable
{
background-image:url(images/navempty.gif);

Note:

padding-left:14px;
padding-top:4px;
padding-bottom:4px;
border-style:solid;
border-top:0px;
border-bottom:1px;
border-left:0px;
border-right:0px;
border-color:#FFFFFF;

You probably know this already, but the 9 lines above can be converted in just 2. This might make a difference in practice (in terms of layout).

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
line-height:130%;
color:#FFFFFF;
}

Roy

--
Roy S. Schestowitz
http://Schestowitz.com


[Date Prev][Date Next][Thread Prev][Thread Next]
Author IndexDate IndexThread Index