ie6下sidebar部分移到网页底部了
ie7和FF3都没问题.但ie6下sidebar就错位到网页底部.原主题下载后没改动就有这种情况.看了模版不知怎么改.向各位高手求助:Q:Q网址:[url]http://august.hk/[/url] 先行谢谢了:handshake:handshake
header.php代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<link rel="icon" href="http://august.hk/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://august.hk/favicon.ico" type="image/x-icon">
<meta name="Keywords" c />
<meta name="Description" c />
<meta http-equiv="Content-Type" c />
<title><?php if(is_home()) bloginfo('name'); else wp_title(''); ?></title>
<style type="text/css" media="screen">
@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php
wp_get_archives('type=monthly&format=link');
wp_head();
?>
</head>
<body>
<div id="canvas">
<ul class="skip">
<li><a href="#nav">Skip to navigation</a></li>
<li><a href="#primaryContent">Skip to main content</a></li>
<li><a href="#secondaryContent">Skip to secondary content</a></li>
<li><a href="#footer">Skip to footer</a></li>
</ul>
<div id="header">
<?php
// see this theme's functions.php
print do_heading();
/* -- DISABLED NAVIGATION MENU
print naked_nav($post);
-- REMOVE COMMENT TO REACTIVATE
*/
?>
<ul id="mainNav">
<li><a href="http://august.hk/" class="home">主页</a></li>
<li><a href="http://august.hk/about-2" class="archive">关于</a></li>
<li><a href="http://august.hk/guestbook" class="txt">留言</a></li>
<li><a href="http://august.hk/photo/" class="photo">相册</a></li>
</ul>
</div>
<div id="primaryContent">
index.php代码:
<?php
get_header();
if (have_posts()): ?>
<ol id="posts"><?php
while (have_posts()) : the_post(); ?>
<li class="postWrapper" id="post-<?php the_ID(); ?>">
<div class="post_top">
<h2 class="postTitle"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
<small><?php the_date(); ?> by <?php the_author(); ?>|<?php if(function_exists('the_views')) { the_views(); } ?></small>
</div>
<div class="post_center">
<div class="post"><?php the_content(__('(more...)')); ?></div>
<hr class="noCss" />
</div>
<div class="post_bottom">
<p class="postMeta"><?php the_tags(__('Tags: '), ', ', ' | ') . comments_popup_link(__('Comments (0)'), __('Comments (1)'), __('Comments (%)')) . edit_post_link(__('Edit'), ' | '); ?></p>
</div>
</li>
<?php comments_template(); // Get wp-comments.php template ?>
<?php endwhile; ?>
</ol>
<?php else: ?>
<div class="post_top"></div>
<div class="post_center">
<p class="search_result"><?php _e('Sorry, no posts matched your criteria.'); ?></p>
</div>
<div class="post_bottom"></div>
<?php
endif;
?>
<!--分页-->
<?php
if (function_exists('wp_pagebar'))
wp_pagebar();
?>
<!--<ul id="pagination">
<li class="previous"><?php posts_nav_link('','','« Previous Entries') ?></li>
<li class="future"><?php posts_nav_link('','Next Entries »','') ?></li>
</ul>-->
<?php
get_footer();
?>
footer.php代码:
</div>
<div id="secondaryContent">
<?php get_sidebar(); ?>
</div>
<div id="footer">
<?php wp_footer(); ?>
<center> <?php bloginfo('name'); ?> is powered by <a href="http://wordpress.org/">WordPress</a>. </div>
</div>
</body>
</html> 修改STYLE.CSS
#canvas {
WIDTH: 950px;
}
为
#canvas {
WIDTH: 950px;
_WIDTH: auto;/*一个IE6的hack*/
}
回复 2# 的帖子
学习 哇.马甲我封你为偶像:hug: :hug: 谢谢啦:handshake :handshake :handshake 其实你还有侧边栏文字溢出的问题#secondaryContent UL LI {
PADDING-TOP: 15px;
}
修改为
#secondaryContent UL LI {
PADDING-TOP: 15px;
padding-right:10px;/*如果显示不正常请删除这一行*/
word-break:break-all;
} [quote]原帖由 [i]马甲[/i] 于 2008-10-23 19:38 发表 [url=http://wordpress.org.cn/redirect.php?goto=findpost&pid=130743&ptid=22880][img]http://wordpress.org.cn/images/common/back.gif[/img][/url]
其实你还有侧边栏文字溢出的问题
#secondaryContent UL LI {
PADDING-TOP: 15px;
}
修改为
#secondaryContent UL LI {
PADDING-TOP: 15px;
padding-right:10px;/*如果显示不正常请删除这一行*/
word-bre ... [/quote]
再次感谢!:handshake:handshake高手:victory::victory: 一般发问题仔细的，我也会回的仔细。
发问题，迷迷糊糊，马马虎虎的，我也就迷迷糊糊 马甲真是高手啊 马甲兄帮我看看我博客的动态滚动为啥不是对齐滚动的，而是有半截图片露出来，似乎这个问题跟这个贴子遇到的问题属同样性质呢
[url]http://resteven.com/[/url]
回复 9# 的帖子
是啊，原主题似乎是和你的主题不一样的哦。。由于它的JS已经封装了，我没办法改 侧边栏移到底部有时候是因为发的文章里面有<div>的问题
有时候你从别的地方复制过来的文章 就会带着很多和你blog不相干的代码
这时候如果不删掉会影响blog的整体布局
页:
[1]