Presto not rendering buttons properly?

[David R]

Using this CSS:

------------------------

button {
border: none;
background: url("Button-LU.gif") center center;
padding: 0;
text-align: center;
margin: 0.5em;
width: 150px;
height: 33px; }
button:active {
background: url("Button-LA.gif") center center; }

------------------------

Presto renders the button text as being vertically aligned inside the top of
the button, yet Gecko and Trident render the text being in the middle of the
button.

Anything I'm missing?

[Jim Moe]

David R wrote:

Presto renders the button text as being vertically aligned inside the top of
the button, yet Gecko and Trident render the text being in the middle of the
button.

Presto is a browser?
Try adding a background color. Presto may think it is necessary.

button { background: #fff url("Button-LU.gif") center center; }

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

[saz]

In article <IL********************@giganews.com>, jmm-
li***********@sohnen-moe.com says...

David R wrote:

Presto renders the button text as being vertically aligned inside the top of
the button, yet Gecko and Trident render the text being in the middle of the
button.

Presto is a browser?
Try adding a background color. Presto may think it is necessary.

button { background: #fff url("Button-LU.gif") center center; }

Presto is Opera's rendering engine.

I have no idea why the OP didn't call Presto as Opera, Trident as
Internet Explorer, and Gecko as Mozilla/FireFox/Netscape/Camino.

I guess he was trying to impress us. It didn't work.

[David R]

> Presto is Opera's rendering engine.

I have no idea why the OP didn't call Presto as Opera, Trident as
Internet Explorer, and Gecko as Mozilla/FireFox/Netscape/Camino.

I guess he was trying to impress us. It didn't work.

No, because the rendering engine is what's important, not the browser. There
are quite a number of Gecko-based browsers out there (inc. Mozilla Suite,
Firefox, Minimo, K-Meleon, Galeon, etc), same for Trident and Presto.

I'm being technically accurate, so nerr :)

Oh, and I tried setting a background colour, no change.

[Rob McKenna]

David R wrote:

Using this CSS:

------------------------

button {
border: none;
background: url("Button-LU.gif") center center;
padding: 0;
text-align: center;
margin: 0.5em;
width: 150px;
height: 33px; }
button:active {
background: url("Button-LA.gif") center center; }

------------------------

Presto renders the button text as being vertically aligned inside
the top of the button, yet Gecko and Trident render the text being
in the middle of the button.

Anything I'm missing?

Try setting

line-height: 33px;

--
Rob McKenna,
Rain God.