Tecnología

Inicio

Cómo hacer que mi página web ajustarse perfectamente al cuerpo todos los navegadores

January 28

Cómo hacer que mi página web ajustarse perfectamente al cuerpo todos los navegadores


La fabricación de su página web se extienden automáticamente para adaptarse a cualquier navegador que puede ser viendo que se hace con lo que se llama diseño de la página fluido. Cuando se crea una página web que tiene un conjunto ancho específico - como 800 píxeles - a continuación, la página mostrará siempre a 800 píxeles de ancho sin importar cuán grande o pequeño sea su monitor es. Al hacer que el líquido de diseño de páginas web, usted permite que la página para ajustarse al ancho del navegador que se utilice. Esto generalmente permite que la página se ve de la misma manera ya sea en un dispositivo portátil o un ordenador con un monitor de pantalla ancha. El truco es utilizar porcentajes de ancho de página en lugar de píxeles.

Instrucciones

1 Abre el archivo HTML en una página del editor de texto como Notetab (www.notetab.com).

2 Localizar el inicio del cuerpo de la página, marcado con la apertura etiqueta <body>.

3 Por CSS: Inserte esta etiqueta CSS justo debajo de la etiqueta <BODY>:

<Div style = "width: 100%">

Para los cuadros: Inserte este código de tabla abertura justo debajo de la etiqueta <BODY>:

<Table width = "100%">

4 Ve al final de su archivo HTML hasta que vea el cuerpo de la etiqueta de cierre:

</ BODY>

5 Por CSS: Insertar </ DIV> justo por encima de la etiqueta </ ​​body>.

Para los cuadros: Insertar </ TABLE> justo por encima de la etiqueta </ ​​body>.

6 Guarde el archivo modificado y vuelva a cargarlo en el servidor web.

Consejos y advertencias

  • Es posible que desee utilizar un poco menos de 100 por ciento en anchura o bien el tamaño de la tabla o código CSS para proporcionar un ligero poco de espacio de margen en ambos lados de su texto página web.