Topic: Firebird padding quirk (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=11128" title="Pages that link to Topic: Firebird padding quirk (Page 1 of 1)" rel="nofollow" >Topic: Firebird padding quirk <span class="small">(Page 1 of 1)</span>\

 
krets
Paranoid (IV) Mad Scientist

From: KC, KS
Insane since: Nov 2002

posted posted 01-13-2004 17:25

http://www.11oh1.net/test/nextest.html

This is a page I did real quick for a friend. I wanted to show him that a design he did using tables could be done completely with CSS. Everything looks OK and works in IE and Firebird except underneath the photo Firebird is insisting on adding more padding than I want.

The div is called "borderboxdiv" and here's the CSS for it:

#borderboxdiv {
width: auto;
text-align: center;
border: 1px solid gray;
margin: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

Even if I remove the "padding-bottom" Firebird still puts the extra pixels in there. Am I missing something here?

:::11oh1:::

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

posted posted 01-13-2004 17:55

2 things I would try off the top of my head -

- on the #borderboxdiv img, change the border thickness to an absolute u/m - It shouldn't effect it, but I've seen the 'medium' and other such terms cause odd behavior.

- also on the #borderboxdiv img, try adding 'margin:0 auto; padding:0;'



krets
Paranoid (IV) Mad Scientist

From: KC, KS
Insane since: Nov 2002

posted posted 01-13-2004 18:06

Nope, those didn't seem to make any difference at all.

This is such a simple layout, it totally boggles me as to what might be causing this.

:::11oh1:::

HZR
Bipolar (III) Inmate

From: Cold Sweden
Insane since: Jul 2002

posted posted 01-13-2004 18:18
code:
line-height: 0;

seems to work.

krets
Paranoid (IV) Mad Scientist

From: KC, KS
Insane since: Nov 2002

posted posted 01-13-2004 19:44

Yep. Thanks HZR.

That's a strange quirk.

:::11oh1:::

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

posted posted 01-13-2004 20:10

Ahhh.....yes.

Had that issue a few times as well with NN/Mo/FB



ozphactor
Maniac (V) Inmate

From: California
Insane since: Jul 2003

posted posted 01-25-2004 06:23

Sorry to drag this thread up again, but I felt the need to point out that this is not a quirk, but actually the correct behavior for handling images.

Images are inline elements, and as such, the bottom edge of the image sits on a baseline, the same one used for text. The extra space Firebird is adding is reserved for the descenders of letter such as "y" and "g." Applying "display: block" to the image should have much the same effect as setting line-height to 0.

Ramasax
Paranoid (IV) Inmate

From: PA, US
Insane since: Feb 2002

posted posted 01-25-2004 07:45

I often wondered about that. Thanks for the clarification ozphactor.

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

posted posted 01-25-2004 17:37

Yes, very helpful Oz.



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu