Problema de Doctype con Botones tipo Google en IE

jaspher · #1 (**permalink**) 01/01/2011, 19:16

Hola encontre este muy buen aporte en la web http://swizec.com/code/styledButton/, de botones tipo google y me va muy bien en los navegadores menos en IE7, IE8, ya que al aplicarle un tipo de doctype

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

se deforma, no se ve como el original, pero cuando le aplico el tipo de doctype:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//ES">

o la version 3.2 final, y algunos pocos, se ven muy buenos, pero aca el problema parece estar solucionado.

Lo que sucede esque al usar estos doctype's supuestamente correctos, malogran mi diseño,(uso 960.gs grid sistem), y nome van algunas fuccionalidades,
Alguien me podria ayudar porfavor a lograr que los botones se vean como debe ser usando el doctype

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Porfavor una ayuda con esto.

PD: Por favor abstengase a ofender a Internet Explorer

emprear · #2 (**permalink**) 02/01/2011, 10:15

jaspher:

En esa dirección que dejaste te señalan las incompatibilidades con IE

Cita:

There are two known issues on Internet Explorer though. On activated buttons the right darker border disappears and onchange events are not fired because they don't work on noninput elements.

Lo que no entiendo es lo del Doctype?, dónde lo estás aplicando, un tu propia Web? y de ser asi, cual es la Url...

saludos

jaspher · #3 (**permalink**) 02/01/2011, 17:27

Cita:

Iniciado por emprear

jaspher:

En esa dirección que dejaste te señalan las incompatibilidades con IE

Lo que no entiendo es lo del Doctype?, dónde lo estás aplicando, un tu propia Web? y de ser asi, cual es la Url...

saludos

No puedo darte la url, solo lo probe en localhost, pero te puedo mostrar las imagnes

Doctype:

Izquierda:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Derecha:
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//ES">

IE

Chrome