Foros del Web » Creando para Internet » CSS »

Descuadre frame o table

Estas en el tema de Descuadre frame o table en el foro de CSS en Foros del Web. Saludos, A ver si podéis echarme una mano, no tengo mucha idea de webs, lo justo que me ha dado trastear un rato con flash ...
  #1 (permalink)  
Antiguo 29/09/2013, 11:24
 
Fecha de Ingreso: abril-2004
Mensajes: 5
Antigüedad: 20 años
Puntos: 0
Descuadre frame o table

Saludos,

A ver si podéis echarme una mano, no tengo mucha idea de webs, lo justo que me ha dado trastear un rato con flash y dreamweaver (lo notaréis porque no se casi ni lo que quiero saber, jajaja).

Me estoy volviendo loco por que no se porque se me descuadra una tabla al abrirla desde el index.html principal, sin embargo, cuando la abro sola se abre perfectamente.

Para ser más gráfico aquí os pongo el ejemplo de lo que me pasa:

- Si abro la pagina contents.html sola se abre bien:

fijaros que la línea que indica la flecha roja es horizontal. Es importante que quede asi para que no me descuadre luego lo de abajo.

- Sin embargo, si lo abro desde el index.html sale así:

fijaros como ahora esa línea sale diagonal y me descuadra todo lo de abajo y en otras ventanas también me redimensiona mal.

Intuyo que debe ser algo del index.html pero no se que puede ser (no tengo ni idea).

Al subirlo a la ftp si lo abro en internet explorer sale descuadrado, pero si le doy a modo compatibilidad lo cuadra pero no se abren las noticias de twitter (otra opción sería que abriese siempre la web en modo compatibilidad y que se viera el twitter, pero tampoco se como se hace)

Os dejo aquí los archivitos por si queréis echarle un vistazo:
[URL="http://www.clemecologic.es/_drafts/prueba.rar"]http://www.clemecologic.es/_drafts/prueba.rar[/URL]

Espero que se me entienda y podáis ayudarme. Muchas gracias de antemano.

Saludos
  #2 (permalink)  
Antiguo 29/09/2013, 13:42
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Descuadre frame o table ...

El problema parece estar entre > Actualidad y el marco ese, que crea una separación.

Estaría bien que publicaras el código. Yo es que no descargo cosas por ahí.

Aunque ya te adelanto que hacer una web usando tablas es una muy mala práctica.
  #3 (permalink)  
Antiguo 30/09/2013, 02:22
 
Fecha de Ingreso: abril-2004
Mensajes: 5
Antigüedad: 20 años
Puntos: 0
Respuesta: Descuadre frame o table ...

Que tal pzin, te voy a poner el código (a ver si lo pongo bien) a ver si puedes ayudarme:

contents.html

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head>

<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Documento sin título</title>

<link href="00_Assets/css.css" rel="stylesheet" type="text/css" />

</head>



<body>

<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>

    <td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

      <tr>

        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td width="67%"><img src="02_Images/outsourcing.jpg" width="650" height="275" hspace="0" vspace="0" /></td>

            <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td width="33%"><p class="TituloV">&gt; Actualidad</p></td>

                </tr>

              <tr>

                <td width="33%" height="253"><p class="textoN">

                  <a class="twitter-timeline" width="337" height="250" data-chrome="nofooter noheader" lang="es" href="https://twitter.com/ClemVE"  data-widget-id="384329860090306560"></a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

                  </p></td>

                </tr>

              </table></td>

          </tr>

        </table></td>

      </tr>

      <tr>

        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td>&nbsp;</td>

            <td>&nbsp;</td>

            <td>&nbsp;</td>

          </tr>

          <tr>

            <td width="33%"><p class="TituloV">&gt; Innovación</p></td>

            <td width="34%"><p class="TituloV">&gt; Ecología</p></td>

            <td width="33%"><p class="TituloV">&gt; Servicio</p></td>

          </tr>

          <tr>

            <td width="33%"><img src="02_Images/innovacion.jpg" width="320" height="100" hspace="0" vspace="0" /></td>

            <td width="34%"><img src="02_Images/medioambiente.jpg" width="320" height="100" hspace="0" vspace="0" /></td>

            <td width="33%"><img src="02_Images/servicio.jpg" width="320" height="100" /></td>

          </tr>

          <tr>

            <td width="33%" valign="top"><table width="320" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td><p class="textoN"><br />Ofrecer las últimas tecnologías en equipos de transporte y movilidad ecológicos, así como los avances técnicos de sus componentes y sistemas de gestión.</p>

                  <p class="textoN"><a href="innovacion.html">[+info]</a></p></td>

              </tr>

            </table></td>

            <td width="34%" valign="top"><table width="320" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td><p class="textoN"><span class="texto"><br />Doble compromiso, ofrecer soluciones ecológicas que mejor se adaptan a sus necesidades y establecer procesos  respetuosos con el medioambiente.</span></p>

                  <p class="textoN"><a href="necesidadcambio.html">[+info]</a></p></td>

              </tr>

            </table></td>

            <td width="33%" valign="top"><table width="320" border="0" cellspacing="0" cellpadding="0">

              <tr>

                <td><p class="textoN"><span class="texto"><br />Más de 30 años de experiencia en servicios integrales de gestión de equipos nos permiten ofrecer un servicio de calidad de alto valor añadido.</span></p>

                  <p class="textoN"><a href="servicios.html">[+info]</a></p></td>

              </tr>

            </table></td>

          </tr>

          <tr>

            <td width="33%">&nbsp;</td>

            <td width="34%">&nbsp;</td>

            <td width="33%">&nbsp;</td>

          </tr>

          </table></td>

      </tr>

      <tr>

        <td align="center"><p class="textoPV" align="center">todos los derechos reservados © 2013 CLEM ECOLOGIC</p></td>

      </tr>

    </table></td>

  </tr>

</table>

<p>&nbsp;</p>

</body>

</html> 
index.html

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>CLEMEE Innovaci&oacute;n+Ecolog&iacute;a+Servicio</title>
<link rel="shortcut icon" href="02_Images/Logos/favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" />

<frameset rows="230,*" frameborder="NO" border="0" framespacing="0">
  <frame src="header.html" name="top" frameborder="no" scrolling="NO" noresize marginwidth="0" marginheight="0" bordercolor="#FFFFFF" id="top" >
  <frame src="contents.html" name="main" frameborder="no" marginwidth="0" marginheight="0" bordercolor="#FFFFFF" id="main">
</frameset>
<noframes><body>

</body></noframes>
</html> 
GRACIAS

Etiquetas: descuadre, frame, table
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 09:04.