Comunidad de diseño web y desarrollo en internet online

fondo pantalla completa en HTML para cualquier navegador

Citar            
MensajeEscrito el 22 Ene 2010 03:15 pm
Hola...ando haciendo un sitio, con un fondo que no quiero repetir y no es una linea degradada que se repita en X...
es un fondo con degradado y un pastito negro al pie del fondo, lo que necesito es que ee fondo se quede al 100% en ancho y alto y que lo registren por lo menos los naveadores básicos (Mozilla, Safari, IE) y resoluciones alternas...ando usando por el momento HTML puro con Kompozer, porfavor el que me quiera ayudar serán bienvenidas sus opiniones, gracias :D

saludos
aLEx

Por alex87

20 de clabLevel



 

msie8
Citar            
MensajeEscrito el 22 Ene 2010 11:03 pm
Simplemente estos atributos CSS te valdrían:

Código HTML :

width: 100% ;
height: 100% ;


También lo puedes poner así:

Código HTML :

<img src="ruta/archivo.jpg" height="100%" width="100%" />


¿Es eso?

Si no te sale, posteanos el código que estás usando.

Saludos

Por Distriker

Claber

1036 de clabLevel

10 tutoriales

 

Las Palmas De Gran Canarias

firefox
Citar            
MensajeEscrito el 24 Ene 2010 01:16 am
hola distriker, si, creo que eh confundido el codigo, lo puse en el body:

<body background="ruta/archivo.png" width="100%" height="100">
</body>

aunque si lo pongo ente las etiquetas del body tampoco sirve, por que no puedo poner nada encima, no queda como fondo.
Con CSS en:

.body {
background-image: ruta/archivo.png;
backgroun-repeat: no-repeat;
width=100%;
height=100%;
margin=0;
border=0;
padding=0;
}

tampoc que da bien, aunque halla hehco una imagen de ej. 1000x1000 px no queda a todo el ancho de pantalla.

com lopued solucionar????

saludos
aLEx

Por alex87

20 de clabLevel



 

msie8
Citar            
MensajeEscrito el 24 Ene 2010 02:52 pm
Antes de nada querido amigo, revisa tu CSS, que no es así:

Código :

width=100%;
height=100%;
margin=0;
border=0;
padding=0;


Es así:

Código :

width: 100% ;
height: 100% ;
margin: 0 ;
border: 0 ;
padding: ' ;


¿Qué crees?

Saludos

Por Distriker

Claber

1036 de clabLevel

10 tutoriales

 

Las Palmas De Gran Canarias

firefox
Citar            
MensajeEscrito el 24 Ene 2010 09:56 pm
No acabo de pillar muy bien cuál es tu intención, así que quizás la solución planteada en este tema no sea lo que buscas.

Distriker, entre este código:

Código HTML :

width=100%;
height=100%;
margin=0;
border=0;
padding=0;

y este otro:

Código HTML :

width: 100% ;
height: 100% ;
margin: 0 ;
border: 0 ;
padding: ' ;

No hay diferencia, excepto el error de dedo del valor del padding. Los espacios en blanco o saltos de línea en la mayoría de los casos* sirven más a un propósito de entendimiento humano del código, no de la máquina.

Saludos

* mayoría de los casos= excepto cuando defines en la misma regla varios selectores [#uno, #dos, #tres {...}], o alto grado de especificidad [#uno .dos p {..} es distinto de #uno.dos p {...}] o en algunos valores de propiedades [XXpx], [url(...)] y alguna cosilla más.

Por DvillB

118 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Ene 2010 12:04 am
Lo que Distriker te dice es en el uso del =

Código HTML :

margin:0;

no es lo mismo que

Código HTML :

margin=0;


Probá poniendo unos valores distintos a 0 para que vea que con = no funciona.

Saludos

Por GustavoV

Claber

136 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 25 Ene 2010 06:12 am
jeje..primero que nada estoy apenado...querido amigos la verdad muchas gracias por su preocupación
y por asistirme con mi duda y realmente tomarse el tiempo en responderme. La verdad es que me cuatrapie
en escribirles aqui el codigo CSS... es que me ando mudando del Dreamweaver al kompozer, y eso de usar desde siempre el dreamweaver crea un mal vicio. El codigo si esta con los : , lo que si he checado es que con o sin el espacio entre los dos puntos y el punto y coma no genera problema :S...bueno la verdad que no se como le hacen para poner un fondo a pantalla completa genérico para cualquier navegador y resolucion de pantalla...seguire usando el método de prueba y error y esperando sus comentarios.

saludos, buen karma
aLEx.

Por alex87

20 de clabLevel



 

msie8
Citar            
MensajeEscrito el 25 Ene 2010 01:26 pm
GustavoV gracias.

Creo que le debo una disculpa a Distriker junto al reconocimiento de mi ceguera. Pasé por alto lo más obvio. Sin paliativos ni atenuantes mi despiste. Él estaba en lo cierto y yo errado en esa parte.

Alex87, para una respuesta "aquí está el código" sería bueno que:
1º: compartas la imagen que quieres usar.
2º: matices o explique mejor qué significa para ti "para poner un fondo a pantalla completa genérico para cualquier navegador y resolucion de pantalla"

--> ¿tienes una imagen y quieres que se muestre TODA, sin recortes y ocupando toda la ventana con independencia del tamaño y la relación alto/ancho?
Posible, pero se deformará.
¿quieres que se se muestre toda la anchura perdiendo altura?
¿quieres que se muestre toda la altura aunque se pierda por los laterales?
...

Como ves, tengo dudas sobre lo que necesitas. Y cada caso requiere su solución.

En el ejemplo que te enlazaba,se muestra toda la imagen en la vertical y centrada, perdiendo por los laterales. Y eso está en:

Código HTML :

background: url(http://www.tododesarrolloweb.es/imagenes/bgPagina.jpg) no-repeat center top;


Ya comentas, a ver si entre todos podemos resolverte el puzle.

Saludos

Por DvillB

118 de clabLevel



 

firefox
Citar            
MensajeEscrito el 25 Ene 2010 03:07 pm
No te preocupes DvillB, errar es humano (pero yo no soy humano :lol:)

Alex, haz como te dicen, sube la página de pruebas o sácale una imagen, si la subieses a un servidor y nos dieces la URL, mejor que mejor.

Saludos

Por Distriker

Claber

1036 de clabLevel

10 tutoriales

 

Las Palmas De Gran Canarias

firefox
Citar            
MensajeEscrito el 06 Feb 2010 06:49 pm
Hay una solución practica, crea dos fondos (separando el degrade y el pastito) uno en el html y otro con el body, ha ambos les pones background-image y los posicionas en "x" e "y "segun la necesidad

html{
background-color: //dale un color de fondo
background-image: //imagen de fondo puede ser para la linea de degrade

}

body{
background-image: // puede ser la imagen que va encima del degrade como el pie

Por iViktor

21 de clabLevel



 

chrome
Citar            
MensajeEscrito el 06 Feb 2010 06:52 pm
ah...era HTML puro, bueno si optas por agregarle CSS lo anterior puede ayudarte

Por iViktor

21 de clabLevel



 

chrome
Citar            
MensajeEscrito el 02 Jun 2018 01:21 am
mt20180602
adidas campus
yeezy boost
pandora charms
salvatore ferragamo
pandora outlet
canada goose jackets
rolex watches
moncler outlet
ralph lauren outlet
birkenstock sandals
canada goose jackets
mcm outlet
pandora charms sale
nike air force 1
tory burch outlet
versace handbags
adidas yeezy boost
fitflops
canada goose sale
cheap nike air max
michael kors outlet online
cole haan shoes
ysl handbags
coach outlet
coach outlet store
adidas outlet
north face jackets
nike basketball shoes
air max 2017
timberland outlet
air more uptempo
bally handbags
merrell shoes
kobe shoes
caterpillar boots
kate spade
mbt
michael kors outlet
yeezy boost
kate spade outlet
adidas superstar
red wing shoes
moncler jackets
vans store
jimmy choo
birkenstocks
toms outlet
harry winston jewelry
moncler jackets
coach outlet store
coach outlet
pandora outlet
mammut boots
arcteryx boots
coach outlet
michael kors outlet clearance
ugg boots
nike cortez
ralph lauren outlet
pandora store
nike free 4.0
michael kors outlet
lebron james shoes
van cleef and arpels jewelry
nike air max
kate spade outlet store
coach factory outlet
michael kors outlet canada
fitflops sale
cheap jordans for sale
red bottoms
supreme clothing
salomon shoes
michael kors outlet online
keen sandals
mulberry bags
canada goose outlet
louis vuitton
moncler jackets
birkenstock outlet
cheap oakley sunglasses
hermes handbags
nike air max
coach outlet store
yeezy boost 350
dansko shoes
birkenstock
nike air foamposite
michael kors outlet
air jordans
polo ralph lauren outlet online
jordans
nike shoes
louis vuitton
coach factorty outlet
jimmy choo outlet
nike air max outlet
michael kors outlet
salewa shoes
jordan shoes
kate spade
ugg outlet
skechers shoes
wolverine boots
polo outlet store
kate spade outlet
salvatore ferragamo shoes
michael kors outlet
coach outlet
fendi handbags
cheap nfl jerseys
tiffany outlet
michael kors outlet
nike shoes
louis vuitton outlet online
michael kors outlet
pandora jewelry outlet
coach outlet canada
kate spade
swarovski crystal
hermes birkin
ugg boots
ralph lauren outlet
canada goose outlet
burberry outlet
pandora jewelry
polo ralph lauren
polo ralph lauren outlet
pandora jewelry
florsheim shoes
ralph lauren
canada goose
adidas shoes
kevin durant shoes
canada goose jackets
michael kors outlet clearance
cheap jordan shoes
coach outlet
nike outlet
abercrombie
birkenstock sandals
coach outlet
nike outlet
nike air max
coach outlet
louis vuitton outlet
cheap ray ban sunglasses
air max 2019
nike huarache
discount oakley sunglasses
louis vuitton handbags
ecco shoes for men
mulberry handbags
nike outlet online
moncler jackets
nmd adidas
polo ralph lauren outlet online
oakley sunglasses
coach outlet
cartier outlet
louboutin shoes
coach factory outlet
michael kors outlet clearance
ugg outlet
oakley sunglasses
columbia shoes
canada goose jackets
valentino shoes
ralph lauren outlet online
puma rihanna shoes
coach outlet
nike air max axis
adidas yeezy
polo ralph lauren outlet
philipp plein shirt
asics shoes
kyrie 4 shoes
nike air presto
ralph lauren outlet
pandora charms sale clearance
timberland boots outlet
abercrombie and fitch
north face jackets
christian louboutin shoes
polo outlet
coach outlet
ralph lauren sale clearance
pandora outlet
valentino shoes
michael kors outlet clearance
ralph lauren outlet
prada outlet
ferragamo shoes
pandora charms
coach factory outlet
nike zoom
coach factory outlet online
kobe bryant shoes
coach factory outlet
pandora charms
nike air max 87
mbt shoes
givenchy outlet
nike epic react flyknit
pandora jewelry
kate spade outlet store
saint laurent outlet
ray ban sunglasses
oakley sunglasses outlet
columbia sportswear
nike outlet
salvatore ferragamo shoes
coach outlet
adidas shoes
asics outlet
pandora jewelry
canada goose uk
coach factory outlet
reebok shoes
johnston and murphy outlet
rolex watches
christian louboutin outlet
new balance outlet
pandora charms
uggs
coach outlet
prada handbags
mont blanc pens
birkenstock outlet
ray ban sunglasses discount
nike air max 270
michael kors outlet
givenchy handbags
louis vuitton outlet online
hermes bags
jordan retro
ultra boost
harden vol 1
red wing outlet
kate spade handbag
canada goose outlet
michael kors outlet
puma shoes
cheap jordans
cheap jordans
dolce and gabbana handbags
converse outlet store
the frye company shoes
nba jerseys
kate spade handbags
michael kors outlet canada
cheap jordans free shipping
cheap jordans
pandora jewelry official site
armani exchange outlet
yeezy boost
jordan shoes
yeezy 350 boost
allen edmonds shoes
canada goose jackets
air max 97
jordan retro 11
nike tessen
hermes handbags
mulberry uk
air max 2018
coach outlet
louboutin shoes
toms shoes
ugg boots
mcm handbags
chch handbags
cheap oakley sunglasses
nike air max shoes
nike air max 1
nike air max zero
prana clothing
mont blanc
coach factory outlet
adidas yeezy
tiffany and co
tory burch outlet online
michael kors outlet
garmont boots
fitflops
pandora jewelry
saint laurent handbags
kate spade handbags
nike outlet
ralph lauren uk
coach outlet store
moncler outlet
adidas yeezy boost
adidas nmd shoes
underarmour shoes
coach factory outlet
oakley sunglasses
nike air max 95
supreme clothing
michael kors outlet
ugg boots on sale
kate spade outlet
oakey sunglasses
canada goose outlet
adidas yeezy
christian louboutin outlet
tiffany and co
coach outlet online
pandora charms
kate spade bags
ecco outlet
coach outlet
canada goose jackets
ralph lauren outlet
converse shoes
birkenstock sandals
cheap oakley sunglasses
louis vuitton outlet store
ecco shoes
coach outlet store
oakley sunglasses
michael kors handbags
cheap nba jerseys
dr martens
coach outlet store online
coach factory outlet
pg 2
jordans
ugg outlet
converse all star
nike shoes for men
uggs
pandora jewelry official site
adidas yeezy boost
vionic sandals
cheap ray bans
coach factorty outlet
mikimoto pearls
pandora jewelry
dior handbags
ralph lauren outlet
adidas shoes
red bottoms shoes
jordan shoes
coach factorty outlet
canada goose sale
canada goose outlet
birkenstock sandals
michael kors factory outlet
canada goose outlet
christian louboutin
red bottom shoes
michael kors outlet
christian louboutin
michael kors outlet clearance
timberland outlet
tory burch outlet
canada goose outlet
mlb jerseys
christian louboutin outlet
nike cortez
adidas yeezy
adidas nmd
pandora outlet
birkenstock shoes
dr martens outlet
pandora jewelry
coach outlet
teva sandals
moncler outlet
coach outlet online
cheap mlb jerseys
longchamp outlet online
nike shoes
vasque boots
coach outlet
polo ralph lauren outlet online
cheap mlb jerseys
birkenstock shoes
yeezy boost
timberland outlet
ugg australia
tory burch outlet
burberry outlet
canada goose
canada goose outlet
cheap nfl jerseys
nike react shoes
replica watches
michael kors outlet online
longchamp outlet
cheap jordans
uggs outlet
chopard watches
lacoste polo shirts
louis vuitton outlet
ray ban sunglasses discount
moncler outlet
supra shoes
canada goose sale
adidas outlet
fitflops
fitflops sale clearance
ray ban sunglasses
north face outlet
michael kors
canada goose outlet
michael kors handbags
fred perry polo
fitflops sale
air max 97
cheap mlb jerseys china
ralph lauren uk
givenchy handbags
polo ralph lauren outlet
canada goose outlet
hermes handbags
moncler outlet
salvatore ferragamo
fred perry
moncler
timberland boots
danner boots
adidas originals
canada goose outlet
coach factory outlet online
coach outlet store
coach factory outlet
pandora jewelry outlet
kenneth cole shoes
adidas stan smith
jordan shoes
swarovski outlet
michael kors
coach outlet
dr martens boots
kate spade outlet store
asolo boots
timberland boots
michael kors outlet
coach outlet
polo outlet
coach outlet
air jordan shoes
adidas nmd
philipp plein outlet
supra shoes
pandora jewelry
coach factory outlet
cole haan outlet
michael kors outlet online
ralph lauren sale
adidas yeezy
adidas shoes
coach outlet
coach factory outlet
coach canada
ugg outlet
salvatore ferragamo shoes
nike store
ysl outlet
coach outlet online
nike shox
toms outlet
moncler coats
gucci outlet
air jordans
ecco shoes
ugg boots on sale
jordan shoes
john lobb boot maker shoes
nike dunks
oakley sunglasses
fitflops sale clearance
coach factory outlet
ray ban sunglasses
kate spade outlet
adidas shoes
nike huarache
unomagli shoes
hermens bags
ralph lauren
vasque shoes
reef sandals
mulberry outlet
coach factory outlet
tory burch outlet store
canada goose uk
michael kors outlet
pandora charms sale clearance
adidas nmd
nike outlet online
vans shoes
pandora charms
pandora charms
nike free run
cheap jordans
coach outlet
uggs canada
ralph lauren outlet
manolo blahnik shoes
gap polo shirts
ray ban sunglasses
pandora jewelry
coach outlet
coach outlet
mbt shoes
berluti shoes
valentino shoes outlet
coach outlet store
jordan shoes
coach outlet store online clearances
supreme clothing
nike air more money
nike zoom
adidas shoes
dooney and bourke handbags
adidas
coach factorty outlet
ecco shoes
pandora charms
timberland boots
nike outlet store
cheap uggs
keen shoes
uggs outlet
adidas outlet
teva shoes
nike shoes
ralph lauren
pandora
adidas superstar
moncler jackets
nike shoes
air max 2018
uggs
ferragamo outlet
kate spade outlet
oakley sunglasses
nfl jerseys wholesale
louboutin shoes
yeezy boost
pandora charms sale clearance
pandora jewelry
michael kors outlet
michael kors outlet canada
ugg outlet
moncler outlet
coach factory outlet
air max 90
lowa boots
salomon shoes
timberland boots
alden shoes
moncler jackets outlet
fitflops sale clearance
ralph lauren sale clearance
new balance shoes
hermes outlet
supreme new york
coach outlet
jimmy choo outlet
naot sandals
ralph lauren sale clearance
coach outlet
air jordan shoes
fitflops
pandora jewelry
fitflops
canada goose jackets uk
mt20180602

Por leilei3915

Claber

164 de clabLevel



 

chrome

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.