Crear una barra negra como la de Google

[jmrvm801]

Hola

Quisiera saber como lograr hacer la barra negra que tiene Google o incluso la de esta página, el contenido es lo de menos, lo he hecho, pero no se pone en esa posición, aparece separado y se ve el resto blanco.

revise en otros lugares y parece ser CSS, pero no funciona.

Agradezco su ayuda. Gracias

[jochesfor]

Revisa esto

http://www.araudi.net/ejemplos/simulacion_tabla.html

[jmrvm801]

Iniciado por jochesfor

Revisa esto

[URL="http://www.araudi.net/ejemplos/simulacion_tabla.html"]http://www.araudi.net/ejemplos/simulacion_tabla.html[/URL]

Muchas gracias

[emiliodeg]

bueno no es mas que una position: fixed, no es nada nuevo, solo que desde ahora como lo usa google es cool, en fin, podes ver un ejemplo en http://www.w3schools.com/css/tryit.a...position_fixed

suerte

[IsaBelM]

position: fixed?? no, no, es position: absolute; top: 0;

[MLDGATO]

Yo lo he hecho más fácil utilizando este codigo css aplicado al body:

body{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

Prueba lo y veras que queda.

[Luismaster2000]

MLDGATO como que el codigo margin-bottom esta de mas no cres y pues la verdad yo lo haria con una simple capa de valor absolito al 100% de largo y 100px de ancho y con el margin top y left siento que seria suficiente

[alexk]

jmrvm801 la respuesta la tienes en el #2

MLDGATO solo eso no sirve para nada... mas que quitar el margin del body tal cual... ademas con margin:0; simplificas.

Luismaster2000 no esta de mas... el body tiene por defecto margin en las 4 direcciones...
por cierto "largo y ancho" creo que es lo mismo.. segun "plaza (o barrio) sesamo" en las clases de elmo... ojo con esos términos XD

[Luismaster2000]

Iniciado por alexk

jmrvm801 la respuesta la tienes en el #2

MLDGATO solo eso no sirve para nada... mas que quitar el margin del body tal cual... ademas con margin:0; simplificas.

Luismaster2000 no esta de mas... el body tiene por defecto margin en las 4 direcciones...
por cierto "largo y ancho" creo que es lo mismo.. segun "plaza (o barrio) sesamo" en las clases de elmo... ojo con esos términos XD

huy es verdad era 100% de largo 100px de alto me equivoque

[IsaBelM]

sin desmerecer ninguno de los códigos expuesto, y es sólo una opinión, es mas sencillo e igual de efectivo usar posicón absolute y top 0

[kseso?]

Si hablamos de cómo lo hace google (que no quiere decir que sea la mejor forma), pues ni absoluta ni fija, por omisión estática (static), siendo el primer elemento del documento.
El color es el de body y como sus dos div´s hijos están posicionados de forma absoluta (menos mal que su padre es el primero) a derecha y a izquierda, al reducir la ventana del navegador se sobreponen



@jmrvm801 ¿conoce firebug o equivalentes?

[Luismaster2000]

Iniciado por IsaBelM

sin desmerecer ninguno de los códigos expuesto, y es sólo una opinión, es mas sencillo e igual de efectivo usar posicón absolute y top 0

apoyo esta opinion totalmente

[IsaBelM]

Iniciado por Luismaster2000

apoyo esta opinion totalmente

quien tiene razón es kseso?. cuando usé la consola y seleccioné la barra, el elemento que me marcó fue #gbx4. miré sus propiedades y como tenían sentido ..... pero no me fije en que ese elemento es hijo de #gb y este a su vez es hijo de #mngb