capas en dreamweaver

mikel1984 · #1 (**permalink**) 04/02/2009, 16:44

tengo una pagina en dreamweaver. y tiene una capa que esta rellena de color. dentro de esa capa yo le pongo texto. si lo hago en un pc, se ve bien.pero al verlo desde un mac la capa se ve como si el texto saliera de ella. y al reves si lo hago en un mac pero se viera en un pc.

y tambien esta que si pongo un parrafo de texto cuyas lineas no tiene que tocar una imagen, en un pc se ve bien,pero en un mac se ve mal, o al reves.

es que los comportamientos de las capas son muy diferentes en un mac y en un pc. existe alguna manera o algun codigo para que yo pueda trabajar con capas, sin que me altere la funcion? es decir, que yo lo haga en un mac, y que al verlo en un pc, se vea igual que en el pc.

Rafael · #2 (**permalink**) 05/02/2009, 13:57

Hola. Justo por acá:
http://www.forosdelweb.com/f17/como-...ir-web-667175/
Puse una aclaración de que son "capas".

En dream están mal entendidas. Se quisieron traer la tradición de Photoshop, donde las capas ahí si son capas, pero también se pueden entender como objetos flotando uno encima de otro. En Photopaint son objetos, no capas. En Ilustrator y Corel las capas contienen muuuchos objetos... ahí si son capas capas.

Entonces dream quiere poner esté título a los objetos. La respuesta será estudiarle al css y html.

En realidad en html+css son bloques, cajas de texto, cajas dentro de cajas. El problema es entender quién tiene el color, la caja de texto o una caja debajo del texto.

Y exsisten modificadores a estas cajas, básicamente márgenes y padding (márgenes interiores). Si se está "moviendo" es simplemente porque el código generado está defectuoso, o incompleto.

Hay muchas variables. En general las respuestas siempre (95%) son modifica el código a mano.

Pega un link o copia el codigo y acá alguien lo podrá revisar.

juaniquillo · #3 (**permalink**) 06/02/2009, 10:40

Por favor deja un enlace a tu website o por el código para que podamos ver cual es el problema.

mikel1984 · #4 (**permalink**) 08/02/2009, 10:17

De la pagina:
http://www.gratisweb.com/losfamosos.htm

os doy el codigo de la pagina:

<script>
var logDomain = "starmedia";
var logChannel = "gratisweb";
var logPath = "usuarios";
var logPage = "usuarios";
var noPopUp = true;
var noLayer = true;
</script>
<script src="http://www.eresmas.com/js/logs_sm.js"></script><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

</style>
<script language="JavaScript" type="text/JavaScript">

</script>
</head>

<body>

<div id="Layer1" style="position:absolute; left:133px; top:184px; width:386px; height:381px; z-index:1">
<div class="Estilo1" id="Layer11">     <span class="Estilo4">GEORGE BUSH</span> </div>
<img src="bush.gif" width="385" height="382"></div>
<div id="Layer2" style="position:absolute; left:518px; top:564px; width:338px; height:339px; z-index:2">
<div class="Estilo2" id="Layer12">     FELIPE GONZALEZ </div>
<img src="gonzalez.gif" width="339" height="343"></div>
<div id="Layer3" style="position:absolute; left:133px; top:906px; width:386px; height:372px; z-index:3">
<div class="Estilo3" id="Layer13">   CARLOS DE INGLATERRA </div>
<img src="orejas.gif" width="385" height="400"></div>

<div id="Layer4" style="position:absolute; left:518px; top:1306px; width:348px; height:373px; z-index:4">
<div class="Estilo3" id="Layer14">ANTOFAGASTO PANOCHO </div>
<img src="panocho.gif" width="338" height="404"></div>
<div id="Layer5" style="position:absolute; left:519px; top:184px; width:337px; height:352px; z-index:5; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;">
<p class="Estilo5">GEORGE BUSH: AUNQUE NO ES EL PRIMER PRESIDENTE NORTEAMERICANO AL QUE IBAÑEZ REFLEJA EN EL MUNDO DE MORTADELO Y FILEMON, LA FORMA DE SER DEL PERSONAJE REAL HIZO QUE TUVIERA TAMBIEN PROTAGONISMO EN LOS ALBUMES DE MORTADELO Y FILEMON.  EN EL ALBUM "EL ORDENADOR ¡QUE HORROR!" SUFRE EL VIRUS DE UN PELIGROSO ORDENADOR, QUE ALTERA LA CAPACIDAD PSICOLOGICA DE LAS PERSONAS. EN BUSH PRODUCE EL CURIOSO EFECTO: CADA VEZ QUE SE CRUZA CON UNA PERSONA, ESTA SENTIRA EL IMPORTANTE DESEO DE ELIMINARLO.</p>
</div>

<div id="Layer6" style="position:absolute; left:133px; top:566px; width:385px; height:335px; z-index:6; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;">
<p class="Estilo5">FELIPE GONZALEZ: EL EX PRESIDENTE DEL GOBIERNO ESPAÑOL EN LA DECADA DE LOS 80 TAMBIEN FUE LA MAXIMA ESTRELLA DE FAMOSOS EN LAS AVENTURAS DE MORTADELO Y FILEMON.SIN EMBARGO, CABE DESTACAR LA MAXIMA COLABORACION DE ESTE PERSONAJE JUNTO A OTROS POLITICOS DE LA ACTUALIDAD ESPAÑOLA DEL MOMENTO, EN EL ALBUM DE "EL QUINTO CENTENARIO" DONDE IBAÑEZ PARODIA A LA CLASE POLITICA DE FINALES DE LOS 80 Y PRINCIPIOS DE LOS 90, CON EL DESCUBRIMIENTO DE AMERICA POR PARTE DE CRISTOBAL COLON ( EN EL ALBUM SERIA EL MISMISIMO FELIPE GONZALEZ ).</p>
</div>
<div id="Layer7" style="position:absolute; left:518px; top:907px; width:338px; height:373px; z-index:7; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;">
<p class="Estilo5">CARLOS DE INGLATERRA: SEGURAMENTE SEA EL PERSONAJE DE MAYOR PROTAGONISMO EN LAS AVENTURAS DE MORTADELO Y FILEMON. SU PRIMERA PARTICIPACION SE PRODUCE EN "EL PINCHAZO TELEFONICO", DONDE MORTADELO Y FILEMON TIENEN QUE INVESTIGAR UNA TRAMA DE ESPIONAJE TELEFONICO A IMPORTANTES CARGOS POLITICOS DEL MOMENTO ( ENTRE ELLOS EL PROPIO CARLOS DE INGLATERRA ). " LAS VACAS CHALADAS " Y "EL TIRANO" SON OTRAS AVENTURAS DONDE TIENE UN IMPORTANTE HUECO EL ACTUAL HEREDERO DE LA CORONA BRITANICA.</p>

<p class="Estilo5"> </p>
</div>
<div id="Layer8" style="position:absolute; left:133px; top:1306px; width:386px; height:403px; z-index:8; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;">
<p class="Estilo5">ANTOFAGASTO PANOCHO: ESTE PERSONAJE ES EN REALIDAD UNA PARIODIA COMICA DEL DICTADOR AUGUSTO PINOCHET ( ANTIGUO PRESIDENTE DE LA REPUBLICA DE CHILE EN LA DECADA DE LOS 70 Y 80 ). AUNQUE EN LA REALIDAD SE TRATO DE UN DICTADOR FUERTE, IBAÑEZ QUISO DARLE UN PROTAGONISMO EN UN ALBUM ( EL TIRANO ) DONDE MORTADELO Y FILEMON RECIBEN LA ORDEN DE VIAJAR A LA REPUBLICA DE CHULA ( CHILE EN LA VERSION ACTUAL ) Y ELIMINAR AL DICTADOR PANOCHO. ES DE LAS POCAS AVENTURAS DE MORTADELO  Y FILEMON, DONDE UN PERSONAJE FAMOSO SALE EN TODA LA HISTORIETA, YA QUE OTROS PERSONAJES SOLO DESTACARON POR SALIR EN PARTES DETERMINADAS DE LA HISTORIETA.</p>
</div>
<div id="Layer9" style="position:absolute; left:133px; top:126px; width:723px; height:58px; z-index:9; background-color: #000000; layer-background-color: #000000; border: 1px none #000000;"></div>
<div id="Layer16"><img src="contodosustedes.gif" width="723" height="100"></div>
<div id="Layer10"></div>
<div id="Layer17"><img src="bushwc.gif" width="112" height="100"></div>
<div id="Layer18"><a href="famososinvitados.htm"><img src="orejotas.gif" width="116" height="100" border="0"></a></div>
<br>

</body>
</html>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3894687-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<script language="JavaScript" type="text/javascript">
var contrmov=true;
function movemenu(){
if(contrmov){
var myWidth = 0;
var myHeight = 0;
if( typeof( window.innerWidth ) == 'number' ) {
myWidth = window.innerWidth-16;
myHeight = window.innerHeight;
posc = window.pageYOffset; }
else {
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
posc = document.body.scrollTop;
}
document.getElementById("robafloat").style.top =(posc+myHeight-270)+ "px";
document.getElementById("robafloat").style.left = (myWidth-300)+"px";
setTimeout('movemenu()',100);
}
}

function cerrar_roba()
{
document.getElementById("robafloat").style.left='-1000px'
document.getElementById("robafloat").style.top ='-1000px',
document.getElementById("robafloat").style.visibil ity = 'hidden';
contrmov=false;
}

</script>

<div id="robafloat" style="position:absolute;left:-1000px;top:-1000px;background-color:#ffffff;z-index:10000000000">
<div style="width:300px;height:20px;background-color:#ffffff;">
<a href="http://www.starmedia.com" target="_blank">
<img src="http://www.eresmas.com/banners/logo_starmedia_1.gif" alt="STARMEDIA" border=0 width=79 height=18 align="left" ></A>
      

<A href="javascript:cerrar_roba()" >
<font size="2" face="Arial, Helvetica, sans-serif" color="#0940a7">CERRAR</font>
</A>

</div>

<script language="JavaScript" type="text/javascript">
ord=Math.random()*10000000000000000;
document.write('<script language="JavaScript" src="http://ad.es.doubleclick.net/adj/gratisweb.starmedia.com/usuarios;sz=300x250;ord=' + ord + '?" type="text/javascript"><\/script>');
movemenu();
</script>
</div>

Vamos a ver, supuestamente es el codigo que a mi me sale viendo la pagina desde mi ordenador. Ya me explicareis como os sale a vosotros.

mikel1984 · #5 (**permalink**) 08/02/2009, 11:27

http://www.gratisweb.com/elespaciodemyf/experimento.htm

a ver, si mis calculos no son erroneos:

el cuadro rojo esta hecho mediante una etiketa div insertada en una capa

el cuadro azul esta hecho mediante una capa.

y el texto y la imagen estan hechas mediante capas

en teoria, el cuadro rojo os deberia salir bien lo que es el texto.

el cuadro azul parte del texto se os tendria que salir.

y el texto y la imagen se deberian de cruzar.

es asi como lo veis vosotros?