Márgenes desiguales (consulta)

[eduardobrutaldeath]

Hola

Creo que he detectado un error en HTML, o quizá yo estoy en un error, no sé, como sea, espero que ustedes me digan.

He creado 5 divs

Código HTML:

<DIV>1</DIV>
<DIV>2</DIV>
<DIV>3</DIV>
<DIV>4</DIV>
<DIV>5</DIV>
 

Les he puesto BORDER de 1px y MARGIN-BOTTOM de 0.1%.

Código CSS:

div{
margin-bottom : 0.1%; 
border : 1px solid red;
}
 

Cuando veo el resultado siempre quedan algunos DIV con más margen que otros, ligeros espacios, pero perceptibles. Si le cambio el valor porcentual del MARGIN-BOTTOM por 1px, el espacio de todos es perfecto
¿Qué creen que pasa? ¿Es un error mío o de HTML?
Pueden probar si quieren...

[websensemx]

Mas que nada se debe a la forma en la que la tarjeta de video genera las imagenes en la pantalla, al ser valores muy pequeños intenta acercarse lo mas aproximado al calculo real, pero no puede. No es que HTML se equivoque..

[eduardobrutaldeath]

Iniciado por websensemx

Mas que nada se debe a la forma en la que la tarjeta de video genera las imagenes en la pantalla, al ser valores muy pequeños intenta acercarse lo mas aproximado al calculo real, pero no puede. No es que HTML se equivoque..

Ah, entiendo ¿pero sólo sería en mi máquina?
Porque por ejemplo, en mi pantalla aparece un punto en la esquina superior izquierda; antes intentaba quitarlo con un trapo XD, pensaba que era una mancha o algo así, pero luego me di cuenta que habían horas en las que el punto desaparecía, y llegué a la conclusión que debe ser una falla de la pantalla (supongo).

[webosiris]

Mira, aquí creo que explican el problema que estás viendo: http://personal.franchu.net/2008/01/...b-pixel-en-css

Lo que sucede es que 0.1% da, dependiendo de la resolución de tu monitor, un número fraccionario, sin embargo para los navegadores es imposible mostrar una fracción de px, por lo tanto tienen que redondear... y cada navegador redondea como se le da la gana.