Consulta sobre CSS

G

ganimedes

Lanero Reconocido
2 Sep 2004
159
Laneros, tengo dos dudas me ayudan por favor, utilizando CSS:

1. Cómo se hace para que en una página 1024 x 768, el encabezado (dónde va el logo) ocupe horizontalmente todo el ancho de la pantalla?

2. Que tipo de declaración permite que un Selector ID (DIV) crezca o se amplie de acuerdo al contenido que se le ingresa.

Gracias por la ayuda.
 
Un ejemplo

  1. Lo puedes hacer usando la propiedad width con un valor del 100%. Esto te permitirá ocupar el ancho disponible de pantalla, sin importar la resolución o si cambias de tamaño el navegador.
  2. No hice mucha experimentación al respecto, pero al parecer el ancho se calcula automáticamente cuando le aplicas la propiedad float con un valor de left al div que mencionas en el ejemplo.

Este es un código que usé como ejemplo:
Código: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
	<title>Prueba CSS</title>
	<style type="text/css">
		#encabezado {
			background-color: #369;
			color: white;
		}

		#divx {
			float: left;
			background-color: #fc0;
		}
	</style>
</head>
<body>
	<div id="encabezado">(logo)</div>
	<div id="divx">C</div>
</body>
</html>
 
Duran dijo:
  1. Lo puedes hacer usando la propiedad width con un valor del 100%. Esto te permitirá ocupar el ancho disponible de pantalla, sin importar la resolución o si cambias de tamaño el navegador.
  2. No hice mucha experimentación al respecto, pero al parecer el ancho se calcula automáticamente cuando le aplicas la propiedad float con un valor de left al div que mencionas en el ejemplo.

Este es un código que usé como ejemplo:
Código: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
	<title>Prueba CSS</title>
	<style type="text/css">
		#encabezado {
			background-color: #369;
			color: white;
		}

		#divx {
			float: left;
			background-color: #fc0;
		}
	</style>
</head>
<body>
	<div id="encabezado">(logo)</div>
	<div id="divx">C</div>
</body>
</html>
Haz clic para expandir...
viejo gracias por el dato.
 

Los últimos mensajes

Los últimos temas

Arriba Pie
Atrás