Problema CSS

MadKat · #1 (**permalink**) 20/07/2009, 14:40

Buenas a todos, estoy con un inconveniente que no he podido resolver, como puedo hacer para tener un DIV que tenga un fondo repetido, el cual este abajo de todo de la pagina y a su vez otro con un SWF centrado horizontalmente, en la parte superior de la pagina.

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
}
#TODO {
	background-image: url(img/fondos/poker+pros+wallpaper.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 100%;
	width: 100%;
	position: absolute;
}
#SITE {
	height: 750px;
	width: 800px;
	position: relative;
	top: 0px;
	background-color: #000000;
}
-->
</style>
</head>

<body>
<div class="#TODO" id="TODO">

  <div class="#SITE">
  
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="850" height="750">
  <param name="movie" value="site.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <embed src="site.swf" width="800" height="750" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>
  
  </div>
</div>
</body>
</html>

El problema que tengo con este que puse es que el SWF no me queda CENTRADO, y ademas si cambio la resolucion no me queda "ENCUADRADO EN PANTALLA AL MAXIMO"

No se si me explico, pero bueno, cualquier cosa me explico mejor.

Un beso grande y espero puedan ayudarme

Chauchis,

Agustina.

kseso? · #2 (**permalink**) 20/07/2009, 15:50

Hola Agustina:
Lo primero de todo, corrige tu código:

Cita:

aunque sería preferible que nombrases tus selectores en minúsculas.

Y para centrarlo te faltan un par de cosillas.
A falta de poder trabajar con tu archivo de flash, he modificado algo tu código (sin entrar en lo relativo a tu <objet>

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>Kseso? jugando con css </title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
* {margin:0;padding:0; border:0; outline:none;  position: relative;}
body {background-color: #000000;}
#todo {
    background: url(imagen.jpg) repeat-x scroll left bottom;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
#site {
    height: 750px;
    width: 800px;
    top: 0px;
    background-color: #000000;
    margin: 0 auto;
}
</style>
</head>
<body>
<div id="todo">
  <div id="site">  
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="850" height="750">
  <param name="movie" value="site.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <embed src="site.swf" width="800" height="750" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>  
  </div>
</div>
</body>
</html>

Un saludo

MadKat · #3 (**permalink**) 21/07/2009, 01:17

Holis! Muchas gracias por tu ayuda! Mi duda es por que el fondo no queda abajo del todo, sino que queda abajo, relativo al SWF, yo quiero que quede estilo PIE DE PAGINA, no se si me explico. Y el fondo de mi SWF no es transparente, no deja que se vea el fondo. Por que puede ser esto?

En caso que no me haya explicado bien, hago una imagen.

Desde ya muchas gracias y un beso grande.

Agustina

kseso? · #4 (**permalink**) 21/07/2009, 01:58

Hola de nuevo, Agustina:
Lo de pie de página, no acabo de comprender muy bien qué quieres realizar.
Así que te pongo distintas soluciones, ya publicadas antes por aquí, así puedes elegir lo que más te guste:
Una
Pie abajo si el contenido es menor que la ventana pero que se desplaza si aumenta.

Sobre el tema de flash, siento no poder ayudarte al respecto.

Un saludo