Duda con Dreamweaver: fondo fijo - Foro Diseño

SolidEater
Skip to the end.

Lugar: Iltirta · 18364 mensajes · Colección

#1 Enviado: 01:26 07/09/2011

Hola amigos,

estoy intentando fijar el fondo de una imágen para una página web utilizando Dreamweaver MX. Es decir, que se mueva unicamente el contenido de la web al utilizar el scroll.

¿Sabéis la solución? He estado buscando por Internet y no me sirve lo que he leido.

¡Gracias!

-----------
"Tu te ríes de mi porque soy diferente. Yo me río de ti porque eres igual a los demás"

peruhn
Roughnecks

Lugar: Mi casa · 3227 mensajes · Colección

#2 Enviado: 00:11 08/09/2011

Pedir moderación

Responder a este post

Y yo sin el DW instalado... para probarlo.

Has mirado en todo DW?

http://www.todo-dreamweaver.com/tutorial-dreamweaver/basicos/poner-imagen-fondo-dreamweaver.html

-----------
Peruhn (34/33) -> Sub-Zero, Viewtiful Vic, carlitos_elx, jo4n, gaex0812, Rikuo, Dark Sephirot, kotepikabea, Tenkai__Star, CANSINO, Mutecity (x2), pebol, squall123, Necroth, cliclo, Lance_LoT, oakland, otrebla501, Godah, Kurosaki_ki_ki, DarkWorld, Joseph K., Esfinge, Sorro, Chicho, xionoscuro, Hypnos, pe-valle, Jimmytrius, Cosmos, ^^Ayu^^, viciaaao, lainuk

Masacre
Shinku...Hadoooken!

Lugar: Mallorca · 2931 mensajes · Colección

#3 Enviado: 09:37 08/09/2011

Pedir moderación

Responder a este post

Yo es que diseño con un bloc de notas básico, hace años que dejé el dreamweaver.

Haría algo así:

<style>
#fondo{
width: 700px; /* ancho de la imagen de fondo */
height: 300px; /* alto de la imagen de fondo */
background-image:url('loquesea.jpg');
background-repeat:none;
}
</style>

<div id="fondo">
<p>texto infinito</p>
</div>

Pruébalo y me dices

-----------
Gatsu, temido guerrero de tenebrosos atuendos, con una gran espada a la espalda y puño de acero. Vaya por donde vaya deja rios de sangre. Las montañas de cadáveres se amontonan a su paso.

negativeboy

Lugar: Madrid · 2817 mensajes · Colección

Valoración:

#4 Enviado: 11:04 08/09/2011

Pedir moderación

Responder a este post

En las Css de donde vaya la imagen, pones la propiedad:

"background: fixed;"

y ya lo tenés.

-----------
Ben «el respetuoso» dixit: ¿que tal tu madre? ¿te sigue comiendo la p*ll*? dile que al menos se afeite el bigote para que no te raspe.

SolidEater
Skip to the end.

Lugar: Iltirta · 18364 mensajes · Colección

#5 Enviado: 14:18 08/09/2011

Pedir moderación

Responder a este post

Pues nada, chicos, no me funciona. ¿Quizá sea cosa del navegador, de Firefox 6.2?

-----------
"Tu te ríes de mi porque soy diferente. Yo me río de ti porque eres igual a los demás"

Masacre
Shinku...Hadoooken!

Lugar: Mallorca · 2931 mensajes · Colección

#6 Enviado: 14:21 08/09/2011

Pedir moderación

Responder a este post

Pasate el codigo por aquí para echarle una ojeada

-----------
Gatsu, temido guerrero de tenebrosos atuendos, con una gran espada a la espalda y puño de acero. Vaya por donde vaya deja rios de sangre. Las montañas de cadáveres se amontonan a su paso.

SolidEater
Skip to the end.

Lugar: Iltirta · 18364 mensajes · Colección

#7 Enviado: 14:25 08/09/2011

Pedir moderación

Responder a este post

Vamos a ver...

<style type="text/css">
body {
<body style="background-image:url(Web/fondo1.jpg); background: fixed; background-attachment: fixed; background-position: top center; background-repeat: no-repeat;">
background-image: url(Web/fondo1.jpg);
background-image: url(Web/fondo1.jpg);
background-repeat: repeat;
text-align: center;
color: #FFF;
}

-----------
"Tu te ríes de mi porque soy diferente. Yo me río de ti porque eres igual a los demás"

Masacre
Shinku...Hadoooken!

Lugar: Mallorca · 2931 mensajes · Colección

#8 Enviado: 14:34 08/09/2011

Pedir moderación

Responder a este post

Claro lo que pasa es que está mal escrito.
Dentro de una etiqueta <style> solo puede haber CSS, y ahi hay html (<body style....)

Prueba así:

<style type="text/css">
body {
background: fixed;
background-attachment: fixed;
background-position: top center;
background-repeat: no-repeat;
background-image: url(Web/fondo1.jpg);
text-align: center;
color: #FFF;
}
</style>

Si no te sale, prueba este ejemplo:
http://www.w3schools.com/cssref/pr_background-attachment.asp

-----------
Gatsu, temido guerrero de tenebrosos atuendos, con una gran espada a la espalda y puño de acero. Vaya por donde vaya deja rios de sangre. Las montañas de cadáveres se amontonan a su paso.

SolidEater
Skip to the end.

Lugar: Iltirta · 18364 mensajes · Colección

#9 Enviado: 18:16 08/09/2011

Pedir moderación

Responder a este post

Me ha funcionado a la perfección. ¡Muchísimas gracias!

-----------
"Tu te ríes de mi porque soy diferente. Yo me río de ti porque eres igual a los demás"

Masacre
Shinku...Hadoooken!

Lugar: Mallorca · 2931 mensajes · Colección

#10 Enviado: 19:02 08/09/2011

Pedir moderación

Responder a este post

De nada hombre, suerte con tu página

-----------
Gatsu, temido guerrero de tenebrosos atuendos, con una gran espada a la espalda y puño de acero. Vaya por donde vaya deja rios de sangre. Las montañas de cadáveres se amontonan a su paso.

negativeboy

Lugar: Madrid · 2817 mensajes · Colección

Valoración:

#11 Enviado: 21:54 09/09/2011

Pedir moderación

Responder a este post

Por ceirto, precisamente en webdesignerdepot (probablemente el mejor blog sobre diseño web) esta semana han hecho un artículo muy majo sobre el tema que nos ocupa:

Artículo sobre la posición fixed

-----------
Ben «el respetuoso» dixit: ¿que tal tu madre? ¿te sigue comiendo la p*ll*? dile que al menos se afeite el bigote para que no te raspe.

Réplica rápida