Borde derecho que no se muestra en google chrome

Tengo un div que contiene un a con algunos bordes. Ver:Borde derecho que no se muestra en google chrome

Funciona muy bien en FF y el IE, pero ¿por qué no el lado derecho render en Chrome? ¿Es CSS inválido? (prueba en Chrome OSX si eso importa)

Fuente

2010-01-17 Paul Tarjan

¿podría adjuntar el código CSS correspondiente? – erenon

Mira su enlace. – SLaks

No solo Google Chrome, es WebKit. –

caso de prueba: Incluido por lo que esta cuestión todavía tiene sentido después de que el contenido en los cambios de URL dadas:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd"> 
<html><head><style type="text/css"> 
div { 
    float: left; 
    clear: left; 
    margin: 3px; 
} 
span { 
    border: 1px solid; 
} 
</style></head><body> 

<!-- does not show right border --> 
<div><span>With trailing space, no width </span></div> 

<!-- does show right border --> 
<div><span>No trailing space, no width</span></div> 
<div style="width: 40ex;"><span>With trailing space, has width </span></div> 
<div style="width: 40ex;"><span>No trailing space, has width</span></div> 

</body></html>

verificado en Google Chrome 4.0.266.0 (Build oficial 33992) con WebKit 532.6.

Fuente

2010-01-17 21:40:31

Yikes. ¿Error de Chrome? ¿Lo archivó? –

https://bugs.webkit.org/show_bug.cgi?id=33858 –

Dado que es un error en el kit web, ¿cómo debo cambiar mi HTML para lograr el mismo efecto, pero evitando el error? –

No puedo decirte la razón por la que esto está sucediendo, pero creo que tengo una solución para ti. Tienes espacios rellenando el contenido de tu enlace, y aparentemente Chrome no está manejando esto muy bien.

Si elimina el espacio adicional alrededor del contenido de las etiquetas <a>, el problema desaparece (lo hice en la herramienta del inspector de Chrome). Por lo tanto, el cambio:

<a href="pclark-hacker-news-karma"> 4,481 </a>

<a href="pclark-hacker-news-karma">4,481</a>

Chrome debe manejar el espacio de una manera extraña cuando se trata de un flotador (si se quita la propiedad float de la clase search_data, la frontera aparece como bien).

Fuente

2010-01-17 20:39:25 zombat

Buen hallazgo, estaba mirándolo y no podía ver eso. Creo que está relacionado con .search_data flotando sin especificar un ancho (agrega eso y esto también desaparece). –

Wow ... ¿estoy haciendo algo mal (inválido, no específico, no estándar, etc.)? ¿Es un error en Chrome? –

Borde derecho que no se muestra en google chrome

Respuesta

Cuestiones relacionadas