采用表格处理IE6失真问题(bug #112)

This commit is contained in:
wlx 2009-12-29 04:53:33 +00:00
parent 1babafd0d5
commit f30c08cb38
2 changed files with 17 additions and 13 deletions

View File

@ -4,6 +4,7 @@
$this->headTitle('数据查看'); $this->headTitle('数据查看');
$this->headTitle()->setSeparator(' - '); $this->headTitle()->setSeparator(' - ');
$this->headLink()->appendStylesheet('/css/mdview.css'); $this->headLink()->appendStylesheet('/css/mdview.css');
$this->headLink()->appendStylesheet('/css/mdview-ie6.css',array('conditional' => 'lt IE 7'));
$this->breadcrumb('<a href="/">首页</a>'); $this->breadcrumb('<a href="/">首页</a>');
$this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>'); $this->breadcrumb('<a href="/data">'.$this->config->title->data.'</a>');
$this->breadcrumb('查看元数据'); $this->breadcrumb('查看元数据');
@ -14,19 +15,9 @@
?> ?>
<?php $md=$this->metadata;if ($md):?> <?php $md=$this->metadata;if ($md):?>
<h1><?php echo $this->escape($md->title);?></h1> <h1><?php echo $this->escape($md->title);?></h1>
<table width=100%><tr><td>
<div id="ImageViewer"><img src="/data/thumb/id/<?php echo $md->id;?>" /> </div> <div id="ImageViewer"><img src="/data/thumb/id/<?php echo $md->id;?>" /> </div>
<div id="authors"> </td><td>
<h2>联系人</h2>
<ul>
<li>数据贡献者:<strong><?php echo $md->author; ?></li></strong>
<li>元数据撰写者:吴立宗</li>
<li>数据分发者:<a href="/about/contact">李红星</a></li></ul><h2>其他信息</h2><ul>
<li>元数据更新时间:<?php print date('Y-m-d',strtotime($md->ts_created)); ?></li>
<li><a href="/data/detail/id/<?php echo $md->id;?>">详细元数据</a></li>
<li><a href="/data/xml/id/<?php echo $md->id;?>"><img src="/images/xml.gif" alt="查看XML源文件"></a></li>
</ul>
</div>
<div id="ItemSummary"> <div id="ItemSummary">
<div id="category"> <div id="category">
<ul><?php foreach($this->category as $cat): ?> <ul><?php foreach($this->category as $cat): ?>
@ -75,6 +66,19 @@
</div> </div>
</div> </div>
</td><td>
<div id="authors">
<h2>联系人</h2>
<ul>
<li>数据贡献者:<strong><?php echo $md->author; ?></li></strong>
<li>元数据撰写者:吴立宗</li>
<li>数据分发者:<a href="/about/contact">李红星</a></li></ul><h2>其他信息</h2><ul>
<li>元数据更新时间:<?php print date('Y-m-d',strtotime($md->ts_created)); ?></li>
<li><a href="/data/detail/id/<?php echo $md->id;?>">详细元数据</a></li>
<li><a href="/data/xml/id/<?php echo $md->id;?>"><img src="/images/xml.gif" alt="查看XML源文件"></a></li>
</ul>
</div>
</td></tr></table>
<script type="text/javascript"> <script type="text/javascript">
(function(a, b) { (function(a, b) {
var ah=document.getElementById(a).offsetHeight, bh=document.getElementById(b).offsetHeight; var ah=document.getElementById(a).offsetHeight, bh=document.getElementById(b).offsetHeight;

View File

@ -2,7 +2,7 @@ h1{font-size:18px;text-align:center;border-bottom:#ddd 1px dotted;}
hr{clear:both;border:#ccc 1px dotted;overflow:hidden;} hr{clear:both;border:#ccc 1px dotted;overflow:hidden;}
li {white-space:nowrap;} li {white-space:nowrap;}
#ImageViewer{ width:250px; float:left; text-align:center;margin:0;padding:0;border:0;} #ImageViewer{ width:250px; float:left; text-align:center;margin:0;padding:0;border:0;}
#ItemSummary{ position:absolute; left:50%; top:30px; margin-left:-130px;width:300px;text-align:center;} #ItemSummary{margin-left:150px auto;top:10px;width:300px;text-align:center;float:left;}
#ItemSummary ul{margin:0;padding:0;text-align:left;float:left;width:300px;} #ItemSummary ul{margin:0;padding:0;text-align:left;float:left;width:300px;}
#ItemSummary li{background: url(/images/square.gif) no-repeat left center;padding-left:10px;margin-top:2px;height:24px;line-height:24px;border-bottom:1px dashed #DDD;float:left;list-style-type:none;} #ItemSummary li{background: url(/images/square.gif) no-repeat left center;padding-left:10px;margin-top:2px;height:24px;line-height:24px;border-bottom:1px dashed #DDD;float:left;list-style-type:none;}
#ItemSummary li span{display:block; width:70px; float:left; text-align:right; color:#555;} #ItemSummary li span{display:block; width:70px; float:left; text-align:right; color:#555;}