Franja en el Browser

emont · #1 (**permalink**) 04/10/2005, 14:48

Hola me gustaría saber si existe alguna forma de colocar una franja azul o de cualquier otro color que vaya del extremo derecho al izquierdo y que no importa si se cambia el tamaño de la ventana del navegador, esta se mantenga sin problemas?

Muchas gracias por la información.

ricardomz · #2 (**permalink**) 04/10/2005, 17:11

Que tal¡¡

Crea una tabla con 100% de ancho, utiliza porcentajes para realizar tu tabla.
por ejemplo:

Código HTML:

<table width="100%" height="2%" border="0" cellpadding="0" cellspacing="0" bgcolor="#003366">
    <tr>
    <td width="581" height="19">&nbsp;</td>
  </tr>
</table>

emont · #3 (**permalink**) 05/10/2005, 08:02

Muchas gracias, te agradezco.

JavierB · #4 (**permalink**) 05/10/2005, 10:12

Y como con HTML se ha resuelto, al foro de (X)HTML nos vamos.

Movido desde Editores Web.

Saludos,

K3NNY · #5 (**permalink**) 05/10/2005, 11:03

Uf, porque siempre recurren a las tablas? Tranquilamente podrian hacerlo con un "hr" y una pizca de css:

Código:

<hr style="background-color:#003366; height:10px; border:0;">

jpgutier · #6 (**permalink**) 22/03/2013, 10:51

Efectivamente K3NNY como tu lo comentas con un "hr" es suficiente para colocar la barra a lo ancho de la página, sin embargo solo quisiera mencionar que al utilizar la tabla te permite escribir texto sobre la barra si así se quisiera.

Ej.

<html>
<head><title></title></head>

<body leftmargin=0 rightmargin=0>

<table bgcolor=333333 width=100% height=100>
<tr>
<td>
<font face=Helvetica size=3 color=ffffff> Aqui introducimos texto en blanco dentro de una franja color gris</font>
</td>
</tr>
</table>

</body>

</html>

NOTA: Es muy importante que si se va a utilizar la tabla para colocar la franja se deben colocar las opciones leftmargin=0 y rightmargin=0 dentro de la etiqueta <body> de lo contrario la barra resultante no aparecerá desde los bordes de la página.

Rafael · #7 (**permalink**) 25/03/2013, 06:30

Si se quisiera meter texto dentro de esta barra de color, lo mejor sería un simple <p> o <div> o lo que se necesite. Cualquiera de ellos puede formatearse igual que con el hr.

Jpgutier, Te doy una bienvenida.

Pero también te recomiendo que actualices la forma como codificas, ya que el uso de tablas y font face es... suena feo, pero es obsoleto.

Lo que sí retomo de lo que comenta Jpgutier, es que necesitas quitar los márgenes del body y dejarlo fuera de otros contenedores que tengan margin o padding.
body {margin: 0; padding: 0;}