Mi consulta es porque estoy realizando mi segundo intento de crear mi propio themes (del primer intento ni les cuento.)
Ahora con el segundo toda va bien salvo que no se e visualiza correctamente en el IE6 pero si en Firefox y Opera.
En el sidebar lo tengo ordenado dela siguiente manera
-Calendario
-Categorias
-Ultimos Post
-Ultimos comentarios
-Historial
-Enlaces
-Meta
El problema es que el DIV done tengo el sidebar se me desplaza hacia abajo del DIV principal
pero solo sucede cuando se hace clic en:
Calendario, Categorías.
En últimos post y últimos comentarios se visualiza correctamente.
así se visualiza si damos clic en últimos comentarios, es decir bien
Y así si damos clic por ejemplo en categoría, el sidebar se desplaza hacia abajo
A pesar de revisar el código CSS no encuentro el punto para solucionarlo
sidebar
Código :
<DIV class=line1></DIV>
<DIV class=right>
<DIV class=search_bg>
<DIV id=search>
<FORM id=searchform
style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px"
action="<?php bloginfo('home'); ?>/"
method="get">Buscar:<INPUT type="text" value="<?php echo wp_specialchars($s, 1); ?>" id=s name=s>
<INPUT class=input style="BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" type=image src="<?php bloginfo('template_directory'); ?>/images/go.gif" value=submit>
</FORM>
</DIV></DIV>
<DIV class=cats1>
<DIV class=cats2>
<DIV class=widget_style id=statusbar>
<?php
if (is_search()) { ?>
<p><strong>'<?php echo wp_specialchars($s); ?>'</strong></p>
<?php
}elseif (is_category()) { ?>
<p>Estan navegando en la categoria<strong> <?php single_cat_title(''); ?></strong></p>
<?php /* If this is a monthly archive */
}elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
<p>Estas navegando los archivos de <a href="<?php echo bloginfo('home'); ?>/"><?php echo bloginfo('name'); ?></a> weblog archivos.</p>
<?php
}
?>
</DIV>
<DIV class=widget_style id=calendar>
<H3>
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/calendario.png" alt="" />Calendario
</H3>
<DIV id=calendar_wrap>
<?php get_calendar(); ?>
</DIV>
</DIV>
<DIV class=widget_style id=categories>
<H3>
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/categoria.png" alt="" />Categorias
</H3>
<UL>
<LI>
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
</LI>
</UL></DIV>
<DIV class=widget_style id=recent-post>
<H3><img src="<?php bloginfo('stylesheet_directory'); ?>/images/post.png" alt="" /> Ultimos Post</H3>
<UL>
<LI>
<?php get_archives('postbypost','10','custom','<li>','</li>'); ?>
</LI>
</UL></DIV>
<DIV class=widget_style id=recent-comments>
<H3>
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/comentarios.png" alt="" /> Ultimos <?php _e('Comments'); ?>
</H3>
<UL>
<LI>
<?php
global $comment;
if ( $comments = $wpdb->get_results("SELECT comment_author, comment_author_url, comment_ID, comment_post_ID FROM $wpdb->comments WHERE comment_approved='1' ORDER BY comment_date_gmt DESC LIMIT 5") ) :
?>
<LI>
<?php
foreach ($comments as $comment) {
echo sprintf('%s <span style="text-transform: lowercase;">en</span><br />%s<br /><LI>', get_comment_author_link(), '<a href="'. get_permalink($comment->comment_post_ID) . '#comment-' . $comment->comment_ID . '">' . get_the_title($comment->comment_post_ID) . '</a></LI>');
}
?>
<?php endif; ?>
</LI></LI></UL></DIV>
<DIV class=widget_style id=archives>
<H3>Historial</H3>
<UL>
<LI>
<?php wp_get_archives('type=monthly'); ?>
</LI>
</UL></DIV>
<DIV class=widget_style id=meta>
<H3>
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/blog.png" alt="" /> Recomendados
</H3>
<UL>
<LI class=linkcat id=linkcat-2>
<?php get_links( -1, '<li>', '</li>', '<br />', FALSE, 'rand', FALSE, FALSE, -1, FALSE ); ?></LI>
</UL>
</DIV>
<DIV class=widget_style id=meta>
<H3>Meta</H3>
<UL>
<LI><A
href="http://miweb.net/wordpress_14068/wp-login.php">Login</A>
<LI><A title="Syndicate this site using RSS 2.0"
href="http://miweb.net/wordpress_14068/?feed=rss2">Entries
<ABBR title="Really Simple Syndication">RSS</ABBR></A>
<LI><A title="The latest comments to all posts in RSS"
href="http://miweb.net/wordpress_14068/?feed=comments-rss2">Comments
<ABBR title="Really Simple Syndication">RSS</ABBR></A>
<LI>.</LI></UL></DIV>
<IMG style="WIDTH: 1px; HEIGHT: 20px" alt="" src="<?php bloginfo('template_directory'); ?>/images/spacer.gif" align=top>
</DIV></DIV></DIV>
<DIV class=line2><IMG style="WIDTH: 1px; HEIGHT: 1px" alt=""
src="<?php bloginfo('stylesheet_directory'); ?>/images/spacer.gif" align=top></DIV>
</DIV>
</DIV></DIV>
CSS
Código :
.line1 {
VERTICAL-ALIGN: top; WIDTH: 26px; TEXT-ALIGN: left;
}
.line2 {
VERTICAL-ALIGN: top; WIDTH: 1px; TEXT-ALIGN: left;
}
.left {
VERTICAL-ALIGN: top; WIDTH: 418px; TEXT-ALIGN: left; float:left;
}
.right {
VERTICAL-ALIGN: top; WIDTH: 277px; TEXT-ALIGN: left; float:right;
}
.left1 {
VERTICAL-ALIGN: top; WIDTH: 180px; TEXT-ALIGN: left;
}
.right1 {
VERTICAL-ALIGN: top; WIDTH: 179px; TEXT-ALIGN: left;
}
.content_txt {
PADDING-RIGHT: 15px; PADDING-LEFT: 0px; BACKGROUND: url(images/cats3.gif) repeat-x left bottom; PADDING-BOTTOM: 19px; MARGIN: 0px 0px 6px; LINE-HEIGHT: 1.31em; PADDING-TOP: 15px
}
Espero vuestro sabio consejo
