【问题标题】:side bar wrong position侧边栏位置错误
【发布时间】:2013-02-11 16:13:10
【问题描述】:

我试图让 php 中的侧边栏处于正确的位置。 我在 php 中制作了一个模板并使用响应式 css。但每次我 尝试将侧边栏显示在我发布的第一篇文章的最后一个水平位置

请看下面的例子

http://profesorprofesor.net63.net/error.png

有没有办法正确刷新或移动粉色侧边栏?

请帮助我,我整天都在尝试解决问题。

这里是php代码:

      <div class="post">
      <article>
      <header class="wp">
      <h2><a href=" <?php the_permalink(); ?>">   
      <?php the_title(); ?> </a></h2>            
      <div class="entry">
      <p>   <?php the_content(); ?> </p>
      <p class="postmetadata">
      <?php _e('Filed under&#58;'); ?> 
      <?php the_category(', ') ?> 
      <?php _e('by'); ?> 
     <?php  the_author(); ?>    <br/>
    <?php comments_popup_link('No Comments &#187;', '1 Comment &#187;', '% Comments &#187;'); ?> 
    <?php edit_post_link('Edit', ' &#124; ', ''); ?>
    </p> 

    </div>
    </header>
    </article>
     </div>

    <?php endwhile; ?>  
    <?php endif; ?>

<div class="alado" > gola</div>

<aside>
     <h3>Ignacio Nieto, </h3>
    <p> </aside>

【问题讨论】:

标签: php css wordpress templates sidebar


【解决方案1】:

如果我正确理解您的问题,无论有多少帖子,您都希望始终将右侧导航栏保持在页面的右上角。正确的?如果是这样,你为什么不绝对定位这个div?这样它的位置将保持不变。如果这不是您想要达到的目标,请您把您的问题说得更清楚些。

【讨论】:

  • 亲爱的 Jezzpin 是的,您是正确的。对不起,我的英语不好不是我的母语。如果我对这个位置做出了绝对的决定,它将不会响应。因此,如果我在移动设备中看到它,它就不会移动。我以前试过。
  • 从这个意义上说,响应式是什么意思?根据帖子数量向下移动页面?
  • 如果在另一个分辨率下看到它 - 移动设备 - 侧边栏必须在 cmets 之后和页脚之前下降
  • 好的。没关系。在这种情况下,您通常应该有一个替代样式表,该样式表在视口较小时启动。使用类似于 的内容来包含 css。这是创建自适应布局的最简单和最安全的方法之一。然后,您将使用以下方法覆盖您的基础样式:@media only screen and (max-device-width: 480px) { /* Mobile Styling here*/ }
  • 我知道响应式在几个分辨率下工作,但侧栏在“正常”分辨率下的位置总是在第一个帖子下
猜你喜欢
  • 2022-01-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-03-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多