Comunidad de diseño web y desarrollo en internet online

Problema con float:left; css y IE6!!! ayuda!!

Citar            
MensajeEscrito el 01 Nov 2008 03:39 pm
Bueno miren tengo el siguiente codigo HML, y este me dara resultados en php desde la SQL.

Código :

<table width="650" border="0" cellspacing="0" cellpadding="0" style="border:1px solid black;">

<!-- Contenido #1 -->
<tr id="content_mist">
<td>
<table id="table_mist">
<tr id="title_mist">
<td><?=$result['title'];?></td>
</tr>
<tr id="body_mist">
<td align="center"><img src="<?php $result['screenshot']?>"></td>
</tr>
<tr>
<td id="price_mist"><?php result['price'] ?></td>
</tr>
</table>
</td>
</tr>

<!-- Contenido #2 ->
<tr id="content_mist">
<td>
<table id="table_mist">
<tr id="title_mist">
<td><?=$result['title'];?></td>
</tr>
<tr id="body_mist">
<td align="center"><img src="<?php $result['screenshot']?>"></td>
</tr>
<tr>
<td id="price_mist"><?php result['price'] ?></td>
</tr>
</table>
</td>
</tr>


<!-- Contenido #3 -->
<tr id="content_mist">
<td>
<table id="table_mist">
<tr id="title_mist">
<td><?=$result['title'];?></td>
</tr>
<tr id="body_mist">
<td align="center"><img src="<?php $result['screenshot']?>"></td>
</tr>
<tr>
<td id="price_mist"><?php result['price'] ?></td>
</tr>
</table>
</td>
</tr>

</table>


Bueno la cosa es que deve mostrarse en forma de tres cuadros por lineas, pero esto si funciona pero solo con IE6 no lo hace.
tambien les mustro el CSS:

Código :

<style>
      #table_mist {
      background:#FFFFFF;
      border:1px solid #999999;
      height:230px;
      width:191px;
   }
   #title_mist {
      height:32px;
      width:186px;
      background: url(../images/title.jpg) no-repeat;
      text-transform:uppercase;
      font-weight:bold;
      text-align:center;
      color:#333333;
      border:1px solid #0087AE;
      cursor:default;
   }
   #price_mist {
      height:32px;
      background: url(../images/price.jpg) no-repeat;
      width:186px;
      color:#333333;
      text-align:center;
      text-transform:uppercase;
      font-weight:bold;
      cursor:default;
   }
   #body_mist {
      height:180px;
      width:186px;
      background:#FFFFFF;
      text-align:center;
   }
   #content_mist {
   float:left;
   display:inline;
   margin:5px;
   text-align:center;
   }
</style>


Bueno se darán cuenta que esto es muy simple, ya que solo son tablas y un poco de CSS.

Espero que alguien sepa cual es el error que he cometido. :roll:

Por nocrosis

65 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 03 Nov 2008 08:35 am
Disculpa pero no te he entendido como debe mostrarse.

Solo una duda, si estás usando CSS, ¿para que las tablas? Es una lista o algo?

Por MmO

1078 de clabLevel

4 tutoriales

Genero:Masculino  

Marketing interactivo y gestión de proyecto de software.

firefox
Citar            
MensajeEscrito el 03 Nov 2008 03:26 pm
Estas utilizando en tus estilos el archivo numeral que es para los id #, y pues algo como table id no tengo entendido que exista en el código xD, "div id"y ""div class" si existen, y es una manera de maquetar como unas tablas flotantes, ahora, lo que tu quieres es que un php se detecte dentro de la tabla, y esta tabla tenga un estilo debes cambiar esto:

Código :

<!-- Contenido #1 -->
<tr id="content_mist">
<td>
<table id="table_mist">
<tr id="title_mist">
<td><?=$result['title'];?></td>
</tr>


Código :

 #content_mist {
   float:left;
   display:inline;
   margin:5px;
   text-align:center;
   }


A esto:

Código :

<table width="100%" border="0" cellpadding="2" cellspacing="2"
 class="content_mist" id="content_mist">
  <tr>
    <td><?=$result['title'];?></td>
  </tr>
</table>


Código :

  .content_mist {
   float:left;
   display:inline;
   margin:5px;
   text-align:center;
   }


Ya que cuando en los estilos colocamos un . antes del nombre del estilo, este se convierte en una clase "class" que es la que realmente puede ser aplicada a tablas, botones, divs, =). Los id se le aplican a las tablas pero no trabajan con los estilos css. El class si. ya sabes la diferencia de # y . ^^ espero haber colaborado.

Por onnasama

325 de clabLevel

1 tutorial

 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.