Foros del Web » Creando para Internet » HTML »

Se me ven mal las capas

Estas en el tema de Se me ven mal las capas en el foro de HTML en Foros del Web. Buenos días: Intentando hacer mi propia Web, me encuentro con el siguiente problema: • Se me van de sitio y de forma las capas, según ...
  #1 (permalink)  
Antiguo 06/08/2010, 13:02
 
Fecha de Ingreso: enero-2008
Mensajes: 29
Antigüedad: 9 años, 10 meses
Puntos: 0
Se me ven mal las capas

Buenos días:
Intentando hacer mi propia Web, me encuentro con el siguiente problema:
• Se me van de sitio y de forma las capas, según el explorador con el que las visualice.
Les dejo mi página que se ve muy bien en Firefox: www.vab-consulting.net
Código HTML:

Código PHP:
<!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" />
<
title>----Index----</title>
<
link href="style.css" rel="stylesheet" type="text/css" />
<
link href="layout.css" rel="stylesheet" type="text/css" />
<
script src="maxheight.js" type="text/javascript"></script>
<style type="text/css">
<!--
body {
    background-color: #E7E7E7;
}
.Estilo1 {font-family: "Goudy Old Style"}
.Estilo5 {
    font-family: "Goudy Old Style";
    color: #FFFFFF;
    font-weight: bold;
}
.Estilo7 {
    font-family: "Goudy Old Style";
    font-size: 14px;
    font-weight: bold;
}
.Estilo8 {font-family: "Goudy Old Style"; font-weight: bold; }
#Layer1 {
    position:absolute;
    width:672px;
    height:40px;
    z-index:1;
    left: 365px;
    top: 306px;
    visibility: visible;
}
#Layer2 {
    position:absolute;
    width:225px;
    height:25px;
    z-index:2;
    left: 269px;
    top: 704px;
    visibility: visible;
}
#Layer3 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    top: 804px;
    left: 227px;
}
#Layer4 {
    position:absolute;
    left:209px;
    top:739px;
    width:283px;
    height:439px;
    z-index:1;
}
#Layer5 {
    position:absolute;
    left:525px;
    top:820px;
    width:310px;
    height:200px;
    z-index:2;
}
#Layer6 {
    position:absolute;
    left:857px;
    top:823px;
    width:694px;
    height:310px;
    z-index:3;
    visibility: inherit;
}
#Layer7 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:3;
    left: 883px;
    top: 739px;
}
#Layer8 {
    position:absolute;
    left:0px;
    top:0px;
    width:239px;
    height:53px;
    z-index:4;
}
#Layer9 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:4;
    left: 531px;
    top: 739px;
}
#Layer10 {
    position:absolute;
    left:543px;
    top:1317px;
    width:545px;
    height:74px;
    z-index:5;
}
#Layer11 {
    position:absolute;
    left:539px;
    top:641px;
    width:453px;
    height:158px;
    z-index:5;
}
#Layer12 {
    position:absolute;
    left:537px;
    top:1155px;
    width:505px;
    height:194px;
    z-index:5;
}
#Layer13 {
    position:absolute;
    left:635px;
    top:1185px;
    width:371px;
    height:72px;
    z-index:5;
}
#Layer14 {
    position:absolute;
    left:533px;
    top:1349px;
    width:236px;
    height:130px;
    z-index:6;
}
#Layer15 {
    position:absolute;
    left:755px;
    top:1244px;
    width:230px;
    height:22px;
    z-index:6;
}
.Estilo16 {font-family: "Goudy Old Style"; color: #FFFFFF; }
#Layer16 {
    position:absolute;
    left:534px;
    top:1171px;
    width:200px;
    height:115px;
    z-index:7;
}
#Layer17 {
    position:absolute;
    left:883px;
    top:1171px;
    width:200px;
    height:115px;
    z-index:8;
}
#Layer18 {
    position:absolute;
    left:261px;
    top:1282px;
    width:369px;
    height:320px;
    z-index:9;
}
#Layer19 {
    position:absolute;
    left:233px;
    top:1318px;
    width:401px;
    height:324px;
    z-index:9;
}
-->
</style>
</head>

<body id="index" onload="new ElementMaxHeight();MM_preloadImages('images/liso.jpg')">
    <div id="Layer4">
<iframe src="http://www.facebook.com/plugins/likebox.php?id=280905800002&amp;width=292&amp;connections=10&amp;stream=true&amp;header=false&amp;height=555" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:532px;" allowTransparency="true"></iframe></div>
    <div id="Layer7">
      <div id="layer">
        <div class="column1">
          <div class="padding">
            <div align="center"><img src="images/pdc.jpg" alt="" width="279" height="41" /><br />
            </div>
            <p class="p1"><img src="images/pdc copia.png" alt="" width="145" height="116" style="margin-right:20px; float:left;" /><strong class="b_text">MAS Consulting y la Universidad Pontificia Comillas organizan la   sexta edición del Postgrado de Dirección de Campañas.</strong><br />
                <br />
              El objetivo de este cursode este año, es formar a profesionales del àmbito de la comunicación política en la dirección de campañas.<br class="clear" />
            </p>
            <p class="p2"> <strong>15 de octubre al 18 de diciembre</strong><br />
              En esta edición se prestara especial atención a las próximas elecciones municipales y autonómicas, que se celebrarán en mayo de 2011. </p>
            <div class="more">
              <p><a href="http://www.masconsulting.es/pdc/">leer más</a><br />
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="Layer9">
      <div id="layer2">
        <div id="div">
          <div class="column1">
            <div class="padding">
              <div align="center"><img src="images/pdc.jpg" alt="" width="279" height="41" /><br />
              </div>
              <p class="p1"><img src="images/pdc copia.png" alt="" width="145" height="116" style="margin-right:20px; float:left;" /><strong class="b_text">MAS Consulting y la Universidad Pontificia Comillas organizan la   sexta edición del Postgrado de Dirección de Campañas.</strong><br />
                  <br />
                El objetivo de este curso de este año, es formar a profesionales del àmbito de la comunicación política en la dirección de campañas.<br class="clear" />
              </p>
              <p class="p2"> <strong>15 de octubre al 18 de diciembre</strong><br />
                En esta edición se prestara especial atención a las próximas elecciones municipales y autonómicas, que se celebrarán en mayo de 2011. </p>
              <div class="more">
                <p><a href="http://www.masconsulting.es/pdc/">leer más</a><br />
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
</div>
        <div id="Layer13">
<script src="http://h1.flashvortex.com/display.php?id=3_1281031833_56459_318_0_468_60_8_12" type="text/javascript"></script></div>
        <div id="Layer15">
          <div align="center"><a href="mailto:[email protected]" class="Estilo16">Suscr&iacute;bete</a></div>
</div>
        <div id="header_tall">
        <div id="main">
            <!--header -->
          <div id="header">
                <div class="h_logo">
                  <div class="clear"></div>
            </div>
                <div id="menu">
                    <div class="rightbg">
                      <div class="leftbg">
                        <div class="padding">
                        <ul>
                                  <li><a href="index.html" class="Estilo7">INICIO</a></li>
                                  <li><a href="empresa.html" class="Estilo7">EMPRESA</a></li>
                                  <li><a href="index-2.html" class="Estilo8">CLIENTES</a></li>
                                    <li><a href="index-2.html" class="Estilo8">BLOG </a></li>
                                    <li><a href="contactar.html" class="Estilo5">CONTACTAR</a></li>
                                    <li><a href="index-5.html" class="Estilo1"><strong>RSS</strong>  <img src="images/RSS.gif" alt="" width="16" height="15" /></a></li>
                          </ul>
                        </div>
                      </div>
                    </div>
            </div>
          </div>
            <!--header end-->
          <div id="middle">
<div class="indent">
                  <div class="columns1">
                    <table border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td><a href="javascript:;" target="_top" onclick="MM_nbGroup('down','group1','liso','',1)" onmouseover="MM_nbGroup('over','liso','images/liso.jpg','',1)" onmouseout="MM_nbGroup('out')"></a></td>
                        </tr>
                    </table>
<table width="1024" height="1182" border="1">
                        <tr>
                          <th height="1176"><img src="images/paginas centrales/princprueba.png" alt="" width="1024" height="1172" /></th>
                        </tr>
                  </table          
                      >
                  </div>
          </div>
                </div>
            <!--footer -->
            <div id="footer">
                <div class="indent">
                    &copy;2007 Vab-Consulting &bull; <a href="index-6.html">Privacy Policy</a>                </div>
            </div>
            <!--footer end-->
</div>
    </div>
</body>
</html> 
  #2 (permalink)  
Antiguo 07/08/2010, 02:54
Avatar de richicasas  
Fecha de Ingreso: abril-2007
Ubicación: Colombia
Mensajes: 692
Antigüedad: 10 años, 8 meses
Puntos: 13
De acuerdo Respuesta: Se me ven mal las capas

mmmm se mas especifico con respecto al problema. Donde se daña, en que navegadores??, la mire en explorer 6 y la vi igual que en firefox. Y la veo bien. Solamente el banner inferior que es como publicidad, esta corrido hacia la izquierda, pero aparece asi en ambos navegadores.
__________________
Juguetes Sexuales
  #3 (permalink)  
Antiguo 07/08/2010, 18:24
Avatar de iwexcoder  
Fecha de Ingreso: mayo-2009
Ubicación: San Carlos de Bariloche
Mensajes: 404
Antigüedad: 8 años, 6 meses
Puntos: 16
Respuesta: Se me ven mal las capas

Si es cierto..tambien lo veo bien en IE y Firefox, al igual que en Safari y Chrome, pero comento richicasas el banner inferior lo tienes corrido a la izquierda, tendras que ajustar la capa "Layer13", ajusta el width con el tamaño real del banner o pon width:auto, y el left lo tienes en 345px, y el top en 1311px;, ajustado el left y el top, podras ubicarlo mejor

Un Saludo
__________________
iWexCoder.com - Programación - Desarrollo Movil - Programación Web www.iwexcoder.com

Etiquetas: capas, mal, ven
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:57.