jQuery fallo DOCTYPE CSS con el 6 y 7 - Modo Peculiaridades

StackOverflow https://stackoverflow.com/questions/1173771

  •  19-09-2019
  •  | 
  •  

Pregunta

Ok comportamiento extraño cuando se debe trabajar:

El problema es que si no declaro un tipo de documento del CSS funciona en IE 6 y 7 pero si declaro el DOCTYPE no funciona. ¿Por qué ???

jQuery: 

$('tr:first-child').children().css({
   'width': settings.minWidth + 'px',
   'height': settings.tableHeaderHeight + 'px',
   'overflow': 'hidden',
   'white-space': 'nowrap',
   'color': 'blue'
});

HTML w / DOCTYPE - Por favor ver en Firefox e IE 6 y 7 para ver la diferencia cabecera de la tabla

HTML wo / DOCTYPE - Por favor ver en Firefox e IE 6 y 7 para ver la diferencia cabecera de la tabla

DOCTYPE Estoy declarando: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

Así que después de un comentario útil encontré que peculiaridades modo se utiliza cuando no añado el DOCTYPE, que es el efecto de CSS que quiera pero con un DOCTYPE, uf !!!

cualquier arounds de trabajo? Sugerencias?

Solución, SÍ !!!

jQuery 

// This adds a div tag around the table header text 
//  - IE white-space bug in standard mode
$('table.className tr th').wrapInner(
  "<div class='ie_correct_header_whitespace'></div>"
);

CSS 

.ie_correct_header_whitespace {
   white-space: nowrap;
}
¿Fue útil?

Solución

En primer lugar, tengo serias aconsejarle para que funcione en modo estándar. Basándose en el modo de peculiaridades para hacer cualquier diseño 'sólo funciona' no es un enfoque muy saludable.

Se puede envolver su contenido en un elemento de bloque, digamos que un elemento DIV, y luego poner su DIV en su cabecera de la tabla. Desbordamiento y anchura deben ser respetados de esa manera en el modo estándar, que le da el efecto deseado.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top