Foros del Web » Creando para Internet » CSS »

Todo se descuadra ¿Por Qué?

Estas en el tema de Todo se descuadra ¿Por Qué? en el foro de CSS en Foros del Web. Hola amigos: Tengo que entregar una página para pasado mañana y ahora vi en otras computadoras que se descuadra toda. Yo nunca había trabajado en ...
  #1 (permalink)  
Antiguo 29/07/2009, 19:41
Avatar de kimmy  
Fecha de Ingreso: julio-2008
Mensajes: 841
Antigüedad: 15 años, 9 meses
Puntos: 15
Todo se descuadra ¿Por Qué?

Hola amigos:

Tengo que entregar una página para pasado mañana y ahora vi en otras computadoras que se descuadra toda. Yo nunca había trabajado en css y estoy traumatizada no se que hacer.

No se si son los floats o alguna otra cosa.

por favor ayudenme, este es mi index:

Código PHP:
<?
session_start
();
include (
'func.php');
do_html_header($title '');
?>
<!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>
<title>XXXXX</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/estilo.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/stuHover.js" type="text/javascript"></script>
<link rel="stylesheet" href="js/jquery.accessible-news-slider.css" type="text/css" media = "screen, projection" />
<script language="javascript" type="text/javascript" src="js/jquery-1.1.3.1.pack.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.accessible-news-slider.js"></script>
<script language="javascript" type="text/javascript">
$(function() {

    $(".computers_technology").accessNews({
        newsHeadline: "Computers &amp; Technology",
        newsSpeed: "normal"
    });
 });
</script>
</head>
<body>
  <!-- Comienzo Slide -->
  <?php
  $product_array 
get_productos();
  echo 
"<div id=\"slide\">";
    echo 
"<div class=\"news_slider computers_technology\">";
         echo 
"<a href=\"#skip_to_news_1\" class=\"skip\">Skip to news content.</a>";
         echo 
"<a href=\"#\" class=\"prev\"><img src=\"images/prev.gif\" width=\"16\" height=\"16\" alt=\"Previous\" title=\"Previous\" env=\"images\" /></a>";
         echo 
"<a href=\"#\" class=\"next\"><img src=\"images/next.gif\" width=\"16\" height=\"16\" alt=\"Next\" title=\"Next\" env=\"images\" /></a>";
         echo 
"<div class=\"news_items\">";
         echo 
"<a name=\"skip_to_news_1\"></a>";
         echo 
"<div class=\"container fl\">";
          foreach(
$product_array as $items) {
          echo 
"<div class=\"item fl\"><a href=\"mostrar_productos.php?sku=".($items["sku"])."\"><img src=\"fotos/".($items["sku"]).".jpg\" width=\"100\" height=\"100\" class=\"fl\" /></a>";
         echo 
"<div class=\"fl\">";
         echo 
"<a href=\"mostrar_productos.php?sku=".($items["sku"])."\">";
         echo 
$items["nombre_producto"];
         echo 
"</a><br />";
         echo 
"Bs.";  echo $items["price"];
         echo 
"</div>";
         echo 
"</div>";
             }
          echo 
"</div>";
        echo 
"</div>";
    echo 
"</div>";
    
?>
  <!-- Fin Slide -->
  <div id="wrapper">
  <!-- Begin Left Column -->
  <div id="leftcolumn">
    <table width="180" border="0">
    <tr class="ccompra">Anunciantes:</tr>
      <tr>
        <td><div align="center"><img src="images/microsoft.gif" alt="microsoft" width="130" height="78" /></div></td>
      </tr>
      <tr>
        <td><div align="center"><img src="images/hp.gif" alt="hp" width="100" height="80" /></div></td>
      </tr>
      <tr>
        <td><div align="center"><img src="images/benq.gif"  alt="benq" width="140" height="80" /></div></td>
      </tr>
      <tr>
        <td><div align="center"></div></td>
      </tr>
    </table>
  </div>
  <!-- End Left Column -->
  <!-- Begin Right Column -->
  <div id="cont-right">
  <div id="rightcolumn">
    <table width="100%" border="0" cellpadding="0" cellspacing="10" background="images/fondoPuntos.gif">
           <tr class="ccompra">Productos Recomendados:</tr>
          <tr>
          <td>
          <!-- Oferta Producto - START -->
          <table id="recomen">
          <tr>
          <td id="recomen"><?php include('xxx.php'); ?> </td>
          </tr>
          </table>
          <!-- Oferta Producto - END -->
          </td>
          <td>
          <!-- Oferta Producto - START -->
          <table id="recomen">
          <tr>
          <td id="recomen"><?php include('xxx.php'); ?> </td>
          </tr>
          </table>
          <!-- Oferta Producto - END -->
          </tr>
          <tr>
          <td>
          <!-- Oferta Producto - START -->
          <table id="recomen">
          <tr>
          <td id="recomen"><?php include('xxx.php'); ?> </td>
          </tr>
          </table>
          <!-- Oferta Producto - END -->
          </td>
          <td>
          <!-- Oferta Producto - START -->
          <table id="recomen">
          <tr>
          <td id="recomen"><?php include('xxx.php'); ?></td>
          </tr>
          </table>
          <!-- Oferta Producto - END -->
          </td>
          </tr>
          </table>
    </div>
 <!-- End Right Column -->
   <div id="rightcolumn-one">
    <table width="180" border="0">
    <tr class="ccompra">Trabajamos con:</tr>
      <tr>
        <td><div align="center"><img src="images/1.jpg" alt="microsoft" width="108" height="98" /></div></td>
      </tr>
      <tr>
        <td><div align="center"><img src="images/2.jpg" alt="hp" width="106" height="90" /></div></td>
      </tr>
      <tr>
        <td><div align="center"><img src="images/3.jpg"  alt="benq" width="100" height="80" /></div></td>
      </tr>
      <tr>
        <td><div align="center"></div></td>
      </tr>
    </table>
   </div>
       </div>
 <!-- End Right Column-One -->
  <!-- Begin Footer -->
    <div id="footer">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="70%">
          <p ><a href="#">Pol&iacute;ticas de Privacidad</a> | <a href="#">Condiciones de Uso</a></p>
          <p>xxxx.com.ve™ |  Todos los derechos reservados  &copy; &reg;</p></td>
          <td width="30%">
          <div align="right">
          <p>Desarrollado por:</p>
          <a href="http://www.xxxx.com" target="_blank">xxx, C.A.</a>              </p>
          </div></td>
          <td><a href="administrador.php">Admin</a></td>
    </tr>
      </table>
      </div>
   <!-- End Footer -->
   </div>
   </body>
   </html>
  #2 (permalink)  
Antiguo 29/07/2009, 20:59
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: Todo se descuadra ¿Por Qué?

Hola Kimmy, pega este codigo entre <head></head> de tu index.php, si te anda me avisas y sino también y le buscamos una solución.

<style type="text/css">
* {margin:0; padding:0;}
#wrapper {width:360px;}
/*hijo de wrapper*/#leftcolumn{margin:0; padding:0; width:180px; float:left;}
/*hijo de wrapper*/#cont-right {margin:0; padding:0; float:left; width:180px;}
/*hijo de cont-right */#rightcolumn {margin:0; padding:0; float:left; clear:right;}
/*hijo de cont-right */#rightcolumn-one {margin:0; padding:0; float:left; clear:right;}
/*hijo de wrapper*/#footer {margin:0; padding:0; float:left; clear:both;}
</style>

Trata de detallar mejor el problema cuando posteas así te puedo entender mejor.

Espero te sirva, saludos!!
  #3 (permalink)  
Antiguo 30/07/2009, 03:57
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Todo se descuadra ¿Por Qué?

Kimmy, ¿cómo esperas que nadie te ayude si ni tan siquiera das la información necesaria?
Publicas el código fuente en vez del generado con los contenidos, ¿acaso esperas que alguien lo adivine?
Se supone que tienes un archivo css (<link href="css/estilo.css" rel="stylesheet" type="text/css" media="all" />), ¿qué quieres que hagamos? ¿lo adivinamos o lo invocamos?

Ya siento que te hayas metido en este problema, pero hay cosas que además de no poder ser son imposibles. Y tu consulta es una de ellas.

Si realmente quieres recibir ayuda, comienza por saber pedirla.
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 01:50.