Cómo agrego borde en los cuatro lados de la página del navegador sin importar qué navegador, sea cual sea la resolución. ¿Hay algún código css o javascript?Cómo agrego borde en los cuatro lados de la página del navegador
Respuesta
Si quieres borde alrededor de la ventana gráfica se puede intentar lo siguiente:
<html>
<head>
<style>
body {position: fixed; top:0; left: 0; bottom: -5px; right: -5px;
border: 5px solid red;}
</style>
</head>
<body>
</body>
</html>
Dependiendo de lo que quiere exactamente aún mejor podría ser el uso de algo tan YUI Layout Manager.
escribir las siguientes líneas en su CSS:
body {
border-width: 5px; /* or what you want */
border-style: solid;
border-color: red; /* or what you want */
/* or use the short form: */
border: 5px solid red;
}
Gracias, ¿cómo siempre ajusto el borde inferior a la parte inferior de la pantalla? – ktm
¿Lo has probado? El cuerpo tiene su margen y su tamaño diferente según el contenido. – pepkin88
sí funcionó, pero parece extraño cuando cambia la altura del fondo del borde. ¿Cómo puedo arreglar el fondo de la frontera que siempre se queda abajo? – ktm
<body style="margin:0px;margin-right:2px;margin-bottom:2px">
<div style="width:100%;height:100%;border:1px solid red;margin-right:-2px;margin-bottom:-2px">
Stuff here
</div>
</body>
En mi opinión, es mejor solución que elektronikLexikon
's, porque la altura es siempre 100%.
EDITAR: La altura está bien ahora.
Edit2: me gusta jira
's respuesta aún más que la mía;)
PS. Solicite siempre la mejor respuesta, no aquella que cumple solo unos pocos requisitos. No pude llegar a tiempo.
- 1. ¿Cómo aplicar la sombra de caja en los cuatro lados?
- 2. ¿Cómo puedo diseñar individualmente los lados del borde en XAML
- 3. Borde en tres lados
- 4. CSS borde en tres lados
- 5. ¿Cómo agrego un borde a una página usando iTextSharp?
- 6. Color de fondo diferente a ambos lados de la página
- 7. Encuentra la distancia entre el elemento HTML y los lados del navegador (o ventana)
- 8. cómo insertar la página actual en el historial del navegador
- 9. Simular el tamaño del navegador en la página primero cargar
- 10. ¿Cómo agrego un margen fuera del borde de un componente en Swing?
- 11. Los lados malos de C2dM
- 12. ¿Cómo elimino una página del historial del navegador?
- 13. Botón "Atrás" del navegador frente a la página animada jQuery
- 14. ¿Cómo ejecutar jQuery directamente en cualquier página del navegador?
- 15. Página de inicio del navegador web Android
- 16. ¿cómo agrego la página html en mi proyecto iphone xcode?
- 17. Navegador Android borde VERDE al hacer clic
- 18. Div de posición dependiendo de la distancia del borde del navegador (javascript)
- 19. ¿Cómo obtener la compatibilidad de navegador cruzado en Imprimir en la página de todos los navegadores?
- 20. ¿El almacenamiento en caché del navegador tiene en cuenta los parámetros en la URL? (Página ASPX)
- 21. Cómo aumentar el nivel de zoom del navegador en la carga de la página?
- 22. ¿Patrones de diseño NO en la Banda de los Cuatro?
- 23. video HTML5 en IE9 muestra un borde negro en ambos lados
- 24. CDI/Weld: ¿cómo gestionar la actualización de la página del navegador después de finalizar la conversación?
- 25. Cómo prevenir la página del navegador de almacenamiento en caché en Rails
- 26. ¿Cómo redirigir la URL del navegador del usuario a una página diferente en Nodejs?
- 27. ¿Por qué se les llama "la pandilla de los cuatro"?
- 28. ¿Cómo controlar la altura del borde?
- 29. ¿Cómo agrego los puntos finales del cliente WCF mediante programación?
- 30. ¿Cómo manejo la intención de "compartir página" del navegador en android?
Bueno, no consideré que configurar la posición izquierda y derecha a la vez sería correcto. Aunque 'abajo: 0; derecha: 0; 'se ve mejor, las distancias al borde serían iguales. – pepkin88