Foros del Web » Creando para Internet » CSS »

Cuadrar barra a la derecha

Estas en el tema de Cuadrar barra a la derecha en el foro de CSS en Foros del Web. Hola, estoy trabajando con una plantilla que compre para este blog http://www.redessocialescolombia.com todo iba bien, pero hoy me di cuenta que la barra de la ...
  #1 (permalink)  
Antiguo 21/09/2011, 10:45
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 23 años, 5 meses
Puntos: 20
Cuadrar barra a la derecha

Hola, estoy trabajando con una plantilla que compre para este blog http://www.redessocialescolombia.com todo iba bien, pero hoy me di cuenta que la barra de la derecha quedo justo debajo del contenido del blog (debajo de las entradas, donde dice patrocinan, etc), le he buscado por todos lados y no logro cuadrarlo, espero que alguien me pueda dar una mano, este es mi index.php

Código PHP:
Ver original
  1. <?php get_header(); ?>
  2.  
  3.     <?php
  4.  
  5.     if ( is_home() && ($paged < 2 ) ) {
  6.         include_once (TEMPLATEPATH."/includes/featured-posts.php");
  7.         }
  8.  
  9.     ?>
  10.  
  11.     <div class="sidebar">
  12.         <?php dynamic_sidebar('Sidebar Left'); ?>
  13.     </div>     
  14.                                        
  15.     <div id="content">
  16.     <p align="justify"><object type="application/x-shockwave-flash" data="http://www.redessocialescolombia.com/wp-content/themes/magazine/images/rifa.swf" width="491" height="111">
  17.     <param name="movie" value="http://www.redessocialescolombia.com/wp-content/themes/magazine/images/rifa.swf" />
  18.     <param name="quality" value="high" />
  19.     <img src="noflash.png" width="491" height="111" alt="Imagen en sustitución de flash" />
  20. </object></p>
  21.     <br>
  22.     <p align="justify">Bienvenido al Blog del Congreso de Redes Sociales y sCRM. Este blog consta de 3 Cuerpos.</p><br> <ul><li>Un cuerpo central donde se publican las contribuciones de los interesados.</li> <li>Un cuerpo  derecho que presenta  información institucional.</li> <li>Un cuerpo  izquierdo que contiene  información de interés distribuida en 4 secciones: <ul><li><strong>1)</strong> La agenda de los 2 días del evento.</li> <li><strong>2)</strong> Un resumen de cada conferencia.</li> <li><strong>3)</strong> una sección para hacer preguntas o sugerencias a los conferencistas y/o organizadores del evento.</li> <li><strong>4)</strong> Recursos (videos, páginas web, blogs, presentaciones, etc.) que consideramos pueden ser de su interés ya que están relacionados con sCRM, Redes Sociales, CRM y Crowdsourcing y otros temas afines al tema central del Congreso.</li></ul></ul> <br><p>En cualquiera de estas secciones usted podrá realizar entradas.</p>
  23. <br></br>
  24.  
  25. <p align="center"><img src="http://www.redessocialescolombia.com/wp-content/uploads/2011/08/Separador-Verde2-150x24.jpg" width="400" height="4" />
  26.     <?php if (have_posts()) : ?>
  27.    
  28.         <?php while (have_posts()) : the_post(); ?>
  29.            
  30.             <?php if( $paged < 2 && in_array(get_the_ID(), $featured_posts)){ ?>
  31.                
  32.                 <?php continue; ?>
  33.            
  34.             <?php } else { ?>
  35.            
  36.                 <div <?php post_class() ?> id="post-<?php the_ID(); ?>">
  37.                     <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
  38.                     <ul class="post-meta">
  39.                         <li class="category"><?php the_category(', ') ?></li>
  40.                         <li class="comments"><?php comments_popup_link('No hay comentarios', '1 Comentario', '% Comentarios'); ?></li>
  41.                         <li class="date"><?php the_time('F jS, Y') ?></li>
  42.                     </ul>
  43.                     <div class="clear"></div>
  44.                     <?php the_excerpt(); ?>
  45.                 </div> <!-- end post-->
  46.        
  47.             <?php } ?>
  48.    
  49.     <?php endwhile; endif; ?>
  50.        
  51.         <div class="pagination">
  52.             <div class="left fl"><?php next_posts_link('Previous') ?></div>
  53.             <div class="right fr"><?php previous_posts_link('Next') ?></div>
  54.             <div class="clear"></div>
  55.         </div>
  56.                            
  57.     <div class="clear"></div>
  58.     </div> <!-- content -->
  59.    
  60.     <div class="sidebar">
  61.         <?php dynamic_sidebar('Sidebar Right'); ?>
  62.     </div>
  63.    
  64. <?php get_footer(); ?>

Y la hoja de estilos la subi aqui http://www.crmbusiness.biz/practica/style.css

Espero me puedan ayudar
__________________
Say no more.......
  #2 (permalink)  
Antiguo 21/09/2011, 11:47
Avatar de el_cesar  
Fecha de Ingreso: mayo-2001
Ubicación: Cali
Mensajes: 2.423
Antigüedad: 23 años, 5 meses
Puntos: 20
Respuesta: Cuadrar barra a la derecha

Solucionado, finalmente se me ilumino el bombillo y logre arreglarlo dejandolo en posicion absoluta, creo que no es la mejor solucion pero me da tiempo de investigar mas a fondo
__________________
Say no more.......

Etiquetas: barra, contenido, cuadrar, derecha
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 14:12.