Foros del Web - Este código en DIVS?

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Este código en DIVS? (http://www.forosdelweb.com/f53/este-codigo-divs-543363/)

Este código en DIVS?

Buenas, hace poco empezé a fijarme y a seguir los estándares web.

¡Ojo!, LLevo ya 1 o 2 años programando con php y demás...

Bueno al grano, empezé a fijarme en estos estándares y ahora estoy pasando mi web que estaba hecha con tablas a Divs y las etiquetas html a CSS.

Pero ahora me ha surgido un problema.

Cuando intento pasar las tablas de este código...

Código:

<table width="100%" border="0" cellspacing="0" cellpadding="0" background="http://www.forosdelweb.com/images/fondo_otros.gif">

      <tr>

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

            <td width="45%"><font color="#000000"><center>

                        <? 

@include('show_afiliados.php');

                         ?></center></font></td><td width="45%"><font color="#000000"><?php ssi_quickSearch(); ?><br /><?php ssi_logOnline(); ?><br /><?php ssi_boardStats(); ?></font></td>

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

                        </tr>

                            </table>

... A divs, se queda todo centrado cuando en realidad debe salir 1º el bloque de afiliados a la izquierda y a la derecha los bloques del ssi.

Usando tablas sale bien.

Es decir, así:

http://img411.imageshack.us/img411/1826/captura2cf5.png

Pero usando DIVS sale así:

http://img508.imageshack.us/img508/9043/captura1io2.png

Haber si alguien me puede poner lo que sería esa parte de código en DIVS y CSS para que salga correctamente.

Un saludo y gracias ;)

Re: Este código en DIVS?

el tema creo que seria meter en un div lo de afiliados, y ahí definir le en el estilo el flotat: right(izda) y a lo otro en otro div y ponerle float left(derecha), de esa forma te queda una a la izquierda y otro a la derecha, y no se pisan ^^. Espero poderte ser de ayuda, ya que hoy empece con css.

Re: Este código en DIVS?

Cita:

Iniciado por hades87 (Mensaje 2228017)

Ya he probado float right y left antes y no funciona.

Re: Este código en DIVS?

no tienes que desaserte de las tablas, usa css en lugar de cellpadding background y esos atributos que ya estan obsoletos

Re: Este código en DIVS?

Pues según todo lo que he leido no hay que usar las tablas para la maquetación, solo para tabular datos.

Y estoy viendo que todas las webs con un mínimo nivel de diseño estan hechas con DIVS.

Re: Este código en DIVS?

seguramente sea porque la suma del ancho de los divs sobrepasa el ancho del div contenedor :-)

fijate algo asi

Código HTML:

<div id="contenedor" style="width: 100%">
 <div id="izquierda" style="float: left; width: 49%">
 <? @include('show_afiliados.php'); ?>
 </div>
 <div id="derecha" style="float: right; width: 50%; color:#000000">
 <?php ssi_quickSearch(); ?><br />
 <?php ssi_logOnline(); ?><br />
 <?php ssi_boardStats(); ?>
 </div>
 </div>

de no ser esto lo que queres, postea el codigo de tus div que le buscamos una solucion :P

Re: Este código en DIVS?

Modificando el código que has puesto lo he conseguido al final.

Muchas gracias tio ;)

Un saludo ;)