Otras propiedades css

Estuve buscando en la web, pero no he encontrado nada...alguien me puede explicar un poquito como son las propiedade de position, top, left y todo eso???

Gracias :wink:
pues nada como son, es que no sé nada sobre ellas...para hacer una web un poco mejor que la que tengo... :roll:
Pues normalmente se diferencia entre left (izquierda), right (derecha), bottom (fondo) y top (arriba), esas cuatro son las cuatro posiciones que puedes indicar, que mezclandolo con los margin padding puedes situar bien todas las capas. También existen las posiciones absolutas, pero son peores, dando efectos indeseados en algunos exploradores.
Saludos :wink:
Entonces top, left, right y todo eso sería como los margin...o me estoy liando? :?
"PODRIAN" servir para lo mismo pero seria poco inteligente q para poner una capa totalmente a la derecha le pongas margin-left: 150px (por ejemplo), es mejor hacerlo con la propiedad float: right, asi t lo mandarias directament a la derecha.

El float es para ubicar la capa arriba, a la derecha, abajo, a la izquierda o en el centro, los margin son para separar esas capas del resto de lo elementos d la pag,

Por ejemplo t mandast una capa a la derecha con el float pero t qdo pegada a la part final de la web, con los margins la puedes separar poniendole margin-right: 10px.

Espero haberme explicado bien. ;)
WiLL
Bueno lo que quiero es conocer otras propiedades de css además de las del curso de la web...saber para que sirven y todo eso.

Porque quiero reformar mi web porque creo que es por el codigo css por lo que no se ve bien con el firefox... :?
Pues si tienes razon, yo tambien actualmente tengo problemas con mi web, en IE se veia perfecta pero al visualizarla en firefox pues cambian muchas cosas.

Todo esta en ir probando poco a poco, reduciendo margenes, ampliando capas, etc.

Si ya subist tu web puedes dejarlos la direccion a ver q le ocurre, sino pues mandanos unas captura para ver los fallos
WiLL
Wao, de verdad q cambia notablemente de firefox a IE.

Pareciera q no agarrara el fondo dond tienes metido el menu y el contenido.

Es extraño xq en el IE se ve perfectament
WiLL
Si nos pegas el codigo podriamos darne una mejor solucion .. ya q yo tambien tube ese problema y tuve a borrar toda mi web y comenzar de cero pero en esa ronda pues creaba algo y le daba preview en todos lo navegadores para saber asi cual es el problema..
Bueno mi codigo es bastante lioso os pongo el index y la hoja de estilo:

Supongo que el problema estará en la hoja de estilo, por eso intentaba aprender un poco mas... :?




<HTML>

<HEAD>
<LINK REL="SHORTCUT ICON" HREF="http://objetos/iconodidoplanet.gif">


<TITLE>Dido Planet</TITLE>
<LINK rel="stylesheet" href="estilo.css" type="text/css" media="all">

<style type="text/css">

a:link { color:black; }
a:hover {tcolor:black; text-decoration: none; }
a:visited {color:black; text-decoration: none}

</style>


<META NAME="title" CONTENT="Dido Planet"> 
<META NAME="description" CONTENT="Página bilingue sobre la cantate inglesa Dido Armstrong, estate al tanto de sus ultimas noticias. Además fotos, descargas y mucho mas."> 
<META NAME="Keywords" CONTENT="Dido, Armstrong, Planet, descargas, videos, fotos, life, for, rent, no, angel, thank, you, white, flag, nuevo, album, 2008 "> 
<META NAME="Language" CONTENT="Spanish"> 
<META NAME="Revisit" CONTENT="7 days"> 
<META NAME="author" CONTENT="Enore"> 
<META NAME="robots" CONTENT="all | index | follow"> 
<meta name="copyright" content="Copyright © 2008 http://usuarios.lycos.es/didoplanet/"> 



</HEAD>

<BODY background-image="objetos/fondo1.jpg">

<DIV id="global">

<DIV id="banner">


</P>
</DIV>

<DIV id="fondoprincipal">

<DIV id="menu-principal">[url="index.php"]Inicio    [/url]|[url="dido.html"]    Dido    [/url]|[url="http://didoplanet.ogamehost.es/"]    Fotos[/url]    |    [url="multimedia.html"]Multimedia   [/url]|    [url="partituras.html"]Partituras[/url]   |    [url="http://dido-planet.forosonline.es/portal.php"]Foro[/url]   |    [url="http://radiodidoplanet.ueuo.com/"]Radio[/url]    |    [url="http://www.fordidofans.net/chat/flashchat.php"]Chat[/url]   |   [url="laweb.html"]La Web[/url]   </DIV>




<DIV id="tit-menu-lateral"></DIV></p>

<DIV id="titnoticias"></DIV>


<DIV id="div-lateral">



<DIV id="menu-lateral">



<DIV id="biografia">[url="biografia.html"]Biografía[/url]</DIV></p>


<DIV id="discografia">[url="discografia.html"]Discografía[/url]</DIV></p>


<DIV id="videoclips">[url="videoclips.html"]Videoclips[/url]</DIV></p>


<DIV id="letras">[url="letras.html"]Letras[/url]</DIV></p>



<DIV id="videos">[url="videos.htm"]Videos[/url]</DIV>
</p>


<DIV id="conciertos">[url="conciertos.html"]Conciertos[/url]</DIV></p>

</DIV></P>

<DIV id="tit-mensaje"></DIV>
<DIV id="mensaje">
<DIV id="mensaje1">
<div align="left"><font size="2" color="#333333">Hola y bienvenidos a Dido Planet, el nuevo sitio sobre la cantante inglesa Dido Armstrong para todos los hispanohablantes.

Un saludo. Miriam.</font><font size="2">
</font></div>

<div align="left">
<table cellpadding="0" cellspacing="0" border="0" width="80" style="line-height:0;width:80"><tr>
<td width=17 style="padding:0 0 0">[url="http://www.russianwoman.ca"][img]http://counter.24log.es/buttons/3/bg3-4l.gif[/img][/url]</td>
<td width=37 style="padding:0 0 0">[url="http://www.24log.es"][img]http://counter.24log.es/buttons/3/bg3-4m.gif[/img][/url]</td>
<td width=26 style="padding:0 0 0">[url="http://www.24log.es"][img]http://counter.24log.es/count1_9324_3_4_10.pcx[/img][/url]</td></tr></table>
</div>


</DIV>
</DIV>

<DIV id="tit-tagboard"></DIV>



<div align="center" id="cboxdiv">
<iframe frameborder="0" width="160" height="305" src="http://www2.cbox.ws/box/?boxid=1611185&amp;boxtag=8368&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#636C75 1px solid;" id="cboxmain"></iframe>

<iframe frameborder="0" width="160" height="75" src="http://www2.cbox.ws/box/?boxid=1611185&amp;boxtag=8368&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#636C75 1px solid;border-top:0px" id="cboxform"></iframe>
</div>
</P>


</DIV>



<DIV id="marconoticias1">


<DIV id="noticias">

<?PHP
$number=5;
$only_active=TRUE;
$static=TRUE;
include("/data/members/free/tripod/es/d/i/d/didoplanet/htdocs/esp/cutenews/show_news.php");
?></P></DIV></DIV>

</P>
<DIV id="marconoticias2"></DIV>









</DIV>


<DIV id="div-abajo">

<a target="_blank" href="http://www.pagerankmania.com/" alt="PageRank™ por www.PageRankMania.com" title="PageRank™ por www.PageRankMania.com" >
[img]http://www.pagerankmania.com/getrank.php/usuarios.lycos.es/didoplanet/?tr=y[/img]
</a> 




<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2794977-1";
urchinTracker();
</script>



<a href=http://www.ademails.com/estadisticas1059954098.htm>
<script type="text/javascript" language="JavaScript">
<!--
document.write("<img src=\"http://www.ademails.com/cgi-bin/contador.cgi?ID=1059954098");
document.write("&referer=");
document.write(escape(document.referrer));
document.write("\" border=0 alt=\"Estadisticas\">");
// -->
</script>
<noscript><img src=http://www.ademails.com/cgi-bin/contador.cgi?ID=1059954098 border=0 alt="Estadisticas"></noscript></a>    [email="[correo eliminado]"]Contacto[/email] [url="http://usuarios.lycos.es/didoplanet/eng/index.php"][img]../objetos/flags_of_United-Kingdom.gif[/img][/url]P&aacute;gina creada por Enore



&copy;2007-2008.</DIV>

</DIV>

</BODY>

</HTML>



BODY {background: url("objetos/fondodidoplnt.jpg") ; width: 770px ; background-attachment: scroll; text-align: center ; }

#global {background: url("objetos/fondodidoplnt.jpg") ; width: 770px ; background-attachment: scroll; text-align: center ; }
#global1 {background: url("objetos/divblanco.jpg") ; width: 770px ; background-attachment: scroll; text-align: center ; }


#banner {background: url("objetos/plantilla3.jpg") ; BORDER: #000 0px solid ; width: 750px ; height: 458px ; MARGIN: 1px 1px 0px 1px ; }

#fondoprincipal {background: url("objetos/fondoplantprin.jpg") ; BORDER: #000 0px solid ; width: 750px ; MARGIN: 0px 0px 0px 0px ; }


#menu-principal { background: url("objetos/fondobarra1.jpg") ;  BORDER: #000 0px solid ; width: 715px ; height: 30px ;  margin:10px 1px 1px 1px ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#menu-principal a:link { color:black; } 
#menu-principal a:hover {tcolor:black; text-decoration: none; }
#menu-principal a:visited {color:black; text-decoration: none}



#tit-menu-lateral  {background: url("objetos/fondotitmenu.jpg") ; width: 150px ; height: 40px ; FLOAT: left ; margin:0px 0px 1px 22px ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }


#div-lateral  {background: url("objetos/divblanco.jpg") ; width: 170px ; margin:0px 0px 10px 22px ; FLOAT: left ; TEXT-ALIGN:center ;  font-family: Perpetua,Arial,Verdana,Helvetica ; }


#menu-lateral  {background: url("objetos/fondomenulat.jpg") ; width: 170px ; margin:0px 0px 10px 22px ; FLOAT: left ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#biografia  { background: url("objetos/fondipeqmenulat.jpg") ;  BORDER: #000 1px solid ; width: 150px ; height: 30px ; margin:10px 1px 1px 10px ; FLOAT: left ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#biografia  a:link { color:black; } 
#biografia  a:hover {tcolor:black; text-decoration: none; }
#biografia  a:visited {color:black; text-decoration: none}

#discografia  { background: url("objetos/fondipeqmenulat.jpg") ;  BORDER: #000 1px solid ; width: 150px ; height: 30px ; margin:0px 1px 0px 10px ; FLOAT: left ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#discografia  a:link { color:black; } 
#discografia  a:hover {tcolor:black; text-decoration: none; }
#discografia  a:visited {color:black; text-decoration: none}

#videoclips  { background: url("objetos/fondipeqmenulat.jpg") ;  BORDER: #000 1px solid ; width: 150px ; height: 30px ; margin:0px 1px 0px 10px ; FLOAT: left ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#videoclips  a:link { color:black; } 
#videoclips  a:hover {tcolor:black; text-decoration: none; }
#videoclips  a:visited {color:black; text-decoration: none}

#letras  { background: url("objetos/fondipeqmenulat.jpg") ;  BORDER: #000 1px solid ; width: 150px ; height: 30px ; margin:0px 1px 0px 10px ; FLOAT: left ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#letras  a:link { color:black; } 
#letras  a:hover {tcolor:black; text-decoration: none; }
#letras  a:visited {color:black; text-decoration: none}

#videos  { background: url("objetos/fondipeqmenulat.jpg") ;  BORDER: #000 1px solid ; width: 150px ; height: 30px ; margin:0px 1px 0px 10px ; FLOAT: left ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#videos  a:link { color:black; } 
#videos  a:hover {tcolor:black; text-decoration: none; }
#videos  a:visited {color:black; text-decoration: none}

#conciertos  { background: url("objetos/fondipeqmenulat.jpg") ;  BORDER: #000 1px solid ; width: 150px ; height: 30px ; margin:0px 1px 1px 10px ; FLOAT: left ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#conciertos  a:link { color:black; } 
#conciertos  a:hover {tcolor:black; text-decoration: none; }
#conciertos  a:visited {color:black; text-decoration: none}



#encuesta  {background: url("objetos/fondomenulat.jpg") ; width: 160px ; margin:0px 0px 10px 22px ; FLOAT: left ; TEXT-ALIGN:center ; font-weight:bold ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#tit-mensaje  {background: url("objetos/tit-bienvenida.jpg") ; width: 170px ; height: 40px ; margin:0px 0px 5px 22px ; FLOAT: left ; TEXT-ALIGN:center ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#mensaje  {background: url("objetos/fondosubdiv.jpg") ; width: 170px ; margin:0px 0px 10px 22px ; FLOAT: left ; TEXT-ALIGN:center ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#mensaje1  {background: url("objetos/fondosubdiv.jpg") ; width: 150px ; margin:10px 10px 10px px ; FLOAT: left ; TEXT-ALIGN:center ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#tit-tagboard  {background: url("objetos/tit-tagboard.jpg") ; width: 170px ; height: 40px ; margin:0px 0px 1px 22px ; FLOAT: left ; TEXT-ALIGN:center ; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#titnoticias {background: url("objetos/titnoticias1.jpg") ; BORDER: #000 0px solid ; width: 420px ; height: 40px ; margin:0px 22px 1px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#noticias  {BACKGROUND-COLOR: #999999 ; BORDER: #000 0px solid ; width: 420px ; margin:10px 10px 0px 10px ; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#marconoticias1  {background: url("objetos/marconoticias1.jpg") ; BORDER: #000 0px solid ; width: 440px ; margin:0px 22px 0px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#marconoticias2  {background: url("objetos/marconoticias2.jpg") ; BORDER: #000 0px solid ; width: 440px ; margin:0px 22px 0px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#contenidos-web  {background: url("objetos/fondodiv.gif") ; BORDER: #000 1px solid ; width: 700px ; height: 200px ; MARGIN: 15px 39px 10px 20px ; FLOAT: right ; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#lo-ultimo  {BACKGROUND-COLOR: DarkGray ; BORDER: #000 1px solid ; width: 700px ; height: 225px ; MARGIN: 15px 20px 10px 20px ; FLOAT: left ; font-family: Perpetua,Arial,Verdana,Helvetica ; font-weight:bold; }

#div-abajo  {background: url("objetos/fondodivabajo.jpg") ; BORDER: #000 0px solid ; width: 750px ; height: 35px ;margin:0px 0px 0px 0px ; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#div-abajo  a:link { color:black; } 
#div-abajo  a:hover {tcolor:black; text-decoration: none; }
#div-abajo  a:visited {color:black; text-decoration: none}


/* Divs de sub-pag DIDO */

#global {background: url("objetos/fondodidoplnt.jpg") ; width: 800px ; height: 700px ; background-attachment: scroll; text-align: center ; }

#didofondo  {background: url("objetos/fondodidohtml.jpg") ; width: 706px ; height: 625px ; margin:20px 22px 0px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#didolinks  {background: url("objetos/divblanco.jpg") ; BORDER: #000 0px solid ; width: 415px ; height: 620px ;margin:5px 22px 0px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }


#dido-biografia  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 415px ; height: 115px ;margin:2px 2px 0px 0px ; FLOAT: right; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
#dido-biografia  a:link { color:black; }
#dido-biografia  a:hover {tcolor:black; text-decoration: underline; }
#dido-biografia  a:visited {color:black; text-decoration: none}
#dido-discografia  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 415px ; height: 115px ;margin:2px 2px 0px 0px ; FLOAT: right; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
#dido-discografia  a:link { color:black; }
#dido-discografia  a:hover {tcolor:black; text-decoration: underline; }
#dido-discografia  a:visited {color:black; text-decoration: none}
#dido-videoclips  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 415px ; height: 115px ;margin:2px 2px 0px 0px ; FLOAT: right; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
#dido-videoclips  a:link { color:black; }
#dido-videoclips  a:hover {tcolor:black; text-decoration: underline; }
#dido-videoclips  a:visited {color:black; text-decoration: none}
#dido-letras  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 415px ; height: 115px ;margin:2px 2px 0px 0px ; FLOAT: right; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
#dido-letras  a:link { color:black; }
#dido-letras  a:hover {tcolor:black; text-decoration: underline; }
#dido-letras  a:visited {color:black; text-decoration: none}
#dido-conciertos  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 415px ; height: 115px ;margin:2px 2px 0px 0px ; FLOAT: right; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
#dido-conciertos  a:link { color:black; }
#dido-conciertos  a:hover {tcolor:black; text-decoration: underline; }
#dido-conciertos  a:visited {color:black; text-decoration: none}



/* Divs de sub-pag MULTIMEDIA */


#global  {background: url("objetos/fondodidoplnt.jpg") ; width: 800px ; height: 700px ; background-attachment: scroll; text-align: center ; }

#multimediafondo  {background: url("objetos/fondomultimediahtml.jpg") ; width: 706px ; height: 529px ; margin:20px 22px 0px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#multimedialinks  {background: url("objetos/divblanco.jpg") ; BORDER: #000 0px solid ; width: 415px ; height: 529px ;margin:5px 22px 0px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }


#multimedia-videos  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 450px ; height: 100px ;margin:15px 0px 0px 10px ; FLOAT: left; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
#multimedia-videos  a:link { color:black; }
#multimedia-videos  a:hover {tcolor:black; text-decoration: underline; }
#multimedia-videos  a:visited {color:black; text-decoration: none}
#multimedia-wallapers  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 450px ; height: 100px ;margin:5px 0px 0px 10px ; FLOAT: left; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
#multimedia-wallapers  a:link { color:black; }
#multimedia-wallapers  a:hover {tcolor:black; text-decoration: underline; }
#multimedia-wallapers  a:visited {color:black; text-decoration: none}
#multimedia-banners  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 450px ; height: 100px ;margin:5px 0px 0px 10px ; FLOAT: left; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
#multimedia-banners  a:link { color:black; }
#multimedia-banners  a:hover {tcolor:black; text-decoration: underline; }
#multimedia-banners  a:visited {color:black; text-decoration: none}
#multimedia-avatars  {background: url("objetos/fondosubdiv.jpg") ; BORDER: #000 1px solid ; width: 450px ; height: 100px ;margin:5px 0px 0px 10px ; FLOAT: left; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
#multimedia-avatars  a:link { color:black; }
#multimedia-avatars  a:hover {tcolor:black; text-decoration: underline; }
#multimedia-avatars  a:visited {color:black; text-decoration: none}




/* Divs de sub-pag PARTITURAS */


#global  {background: url("objetos/fondodidoplnt.jpg") ; width: 800px ; height: 700px ; background-attachment: scroll; text-align: center ; }

#partiturasfondo  {background: url("objetos/fondopartiturashtml.jpg") ; width: 706px ; height: 625px ; margin:20px 22px 0px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#partituraslinks  {background: url("objetos/proximamente.jpg") ; BORDER: #000 0px solid ; width: 415px ; height: 620px ;margin:5px 22px 0px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }





/* Divs de sub-pag LAWEB */


#global  {background: url("objetos/fondodidoplnt.jpg") ; width: 800px ; height: 700px ; background-attachment: scroll; text-align: center ; }

#lawebfondo  {background: url("objetos/fondolawebhtml.jpg") ; width: 706px ; height: 625px ; margin:20px 22px 0px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#laweblinks  {background: url("objetos/divblanco.jpg") ; BORDER: #000 0px solid ; width: 415px ; height: 620px ;margin:5px 22px 0px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#laweb-titdivlinks  {background: url("objetos/lawebtitdivlinks.jpg") ; BORDER: #000 0px solid ; width: 415px ; height: 40px ;margin:2px 2px 0px 0px ; FLOAT: right; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }

#laweb-divlinks  {background: url("objetos/fondolawebdivlinks.jpg") ; BORDER: #000 0px solid ; width: 415px ; height: 275px ;margin:2px 2px 0px 0px ; FLOAT: right; font-family: Goudy Old Style,Arial,Verdana,Helvetica ; }
#laweb-divlinks  a:link { color:black; }
#laweb-divlinks  a:hover {tcolor:black; text-decoration: underline; }
#laweb-divlinks  a:visited {color:black; text-decoration: none}




/* Divs de sub-pag BIOGRAFIA */


#global  {background: url("objetos/fondodidoplnt.jpg") ; width: 800px ; height: 700px ; background-attachment: scroll; text-align: center ; }


#biografiafondo  {background: url("objetos/fondosubdiv.jpg") ; width: 706px ; margin:20px 22px 5px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#biografiadiv1  {background: url("objetos/fondosubdiv.jpg") ; width: 527px ; height: 248px ; margin:5px 0px 0px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#biografiafoto1  {background: url("objetos/fondodiv1.jpg") ; width: 179px ; height: 248px ; margin:5px 22px 0px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#biografiadiv2  {background: url("objetos/fondosubdiv.jpg") ; width: 706px ; margin:0px 22px 0px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#biografiafoto2  {background: url("objetos/fondodiv1.jpg") ; width: 160px ; height: 240px ; margin:3px 1px 3px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#biografiadiv3  {background: url("objetos/fondosubdiv.jpg") ; width: 545px ; height: 240px ; margin:0px 22px 0px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#biografiadiv4  {background: url("objetos/fondosubdiv.jpg") ; width: 706px ; margin:0px 22px 0px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#biografiadiv5  {background: url("objetos/fondosubdiv.jpg") ; width: 566px ; height: 140px ; margin:5px 0px 0px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#biografiafoto3  {background: url("objetos/fondodiv1.jpg") ; width: 140px ; height: 140px ; margin:5px 22px 0px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#biografiadiv6  {background: url("objetos/fondosubdiv.jpg") ; width: 706px ; margin:0px 22px 5px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }




/* Divs de sub-pag DISCOGRAFIA */





/* Divs de sub-pag CDS */



#global  {background: url("objetos/fondodidoplnt.jpg") ; width: 800px ; height: 700px ; background-attachment: scroll; text-align: center ; }


#foto  {background: url("objetos/divblanco.jpg") ; width: 150px ; height: 310px ; margin:3px 1px 3px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#titulo  {background: url("objetos/divblanco.jpg") ; width: 531px ; height: 40px ; margin:3px 22px 1px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#discografiadiv  {background: url("objetos/fondosubdiv.jpg") ; width: 531px ; height: 243px ; margin:3px 22px 10px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }

#discografiafoto2  {background: url("objetos/fondodiv1.jpg") ; width: 174px ; height: 173px ; margin:3px 1px 3px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#discografiatit2  {background: url("objetos/titdisco1.jpg") ; width: 531px ; height: 40px ; margin:3px 22px 1px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#discografiadiv2  {background: url("objetos/fondosubdiv.jpg") ; width: 531px ; height: 246px ; margin:3px 22px 10px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }




/* Divs de sub-pag DVDS */


#dvdfoto1  {background: url("objetos/divblanco.jpg") ; width: 150px ; height: 207px ; margin:3px 1px 3px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }






/* Divs de sub-pag LETRAS */


#global  {background: url("objetos/fondodidoplnt.jpg") ; width: 800px ; height: 740px ; background-attachment: scroll; text-align: center ; }


#letrasdiv1  {background: url("objetos/fondosubdiv.jpg") ; width: 340px ; height: 700px ; margin:20px 3px 10px 22px ; FLOAT: left; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#letrasdiv1  a:link { color:black; } 
#letrasdiv1  a:hover {tcolor:black; text-decoration: none; }
#letrasdiv1  a:visited {color:black; text-decoration: none}

#letrasdiv2  {background: url("objetos/fondosubdiv.jpg") ; width: 340px ; height: 700px ; margin:20px 22px 10px 0px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }
#letrasdiv2  a:link { color:black; } 
#letrasdiv2  a:hover {tcolor:black; text-decoration: none; }
#letrasdiv2  a:visited {color:black; text-decoration: none}

#letrasdiv3  {background: url("objetos/fondosubdiv.jpg") ; width: 706px ; height: 50px ; margin:0px 22px 10px 22px ; FLOAT: right; font-family: Perpetua,Arial,Verdana,Helvetica ; }




/* Divs de sub-pag VIDEOCLIPS */



#reproductor  {background: url("objetos/fondoreproductor.jpg") ; width: 300px ; height: 440px ; margin:15px 0px 0px 0px ; background-attachment: scroll; text-align: center ; }

#reproductor1  {background: url("objetos/fondosubdiv.jpg") ; width: 280px ; height: 420px ; margin:10px 0px 0px 0px ; background-attachment: scroll; text-align: center ; }






/* Divs de sub-pag PRESENTACION */


#global1 {background: url("objetos/divblanco.jpg") ; width: 770px ; background-attachment: scroll; text-align: center ; }


#imagenpres {background: url("objetos/plantilla3presentacion.jpg") ; BORDER: #000 0px solid ; width: 450px ; height: 275px ; MARGIN: 1px 1px 0px 1px ; }


#linkscastyeng {background: url("objetos/divblanco.jpg") ; BORDER: #000 0px solid ; width: 450px ; MARGIN: 1px 1px 0px 1px ; }


#link-cast {background: url("objetos/divblanco.jpg") ; BORDER: #000 0px solid ; width: 220px ; MARGIN: 1px 1px 0px 1px ; FLOAT: left ;}
#link-engl {background: url("objetos/divblanco.jpg") ; BORDER: #000 0px solid ; width: 220px ; MARGIN: 1px 1px 0px 1px ; FLOAT: right;}