东陆风华BBS

 找回密码
 注册东陆风华通行证
东陆风华论坛18周年庆(2005.3.28-2023.3.28)东陆风华-云南大学各专业历年考研复试信息汇总帖送人玫瑰手留余香-云南大学历年考研复试信息汇总
东陆风华-云南大学各学院考研QQ群号码
申请东陆风华实名认证免费领取云大考研考博真题如何申请云南大学考研论坛VIP会员?VIP特权?
东陆风华-云南大学各省校友&云南省各地州校友QQ群云南大学呈贡校区图片 &宿舍图片&图片云大 东陆风华送人玫瑰手留余香-云南大学2021年考研复试信息分享
返回列表 发新帖
查看: 3685|回复: 2

用户模板版面错位解决方法

[复制链接]

该用户从未签到

发表于 2007-6-29 23:57:52 | 显示全部楼层 |阅读模式

东陆风华帐号全站通用,包括论坛、商城、网络家园等站点,登陆查看更精彩内容

您需要 登录 才可以下载或查看,没有帐号?注册东陆风华通行证

x
大家可能发现一些模板在使用的过程中出现错位现象,如下图:

此主题相关图片如下:


一般出现这种情况的模板都是使用DIV+CSS制作的,那么是什么原因造成版面错位的呢?
有两个原因,第一是文章截取文字出了问题(就是发表文章页面高级选项的“部分显示字数 500”)

此主题相关图片如下:

因为截取文章的时候由于各种原因把文章内容当中的标签截取了一半,这样就造成了模板HTML标签不完整,也就错位了.

第二是文章内容有比较大的图片,把内容区域给撑开了。

此主题相关图片如下:


解决方法就从这两点入手.
第一点解决方法:
给用户模板的副模板的"$show_logtext$"标签外面套一个表格,为:
<table><tr><td>$show_logtext$</td></tr></table>
这样的话即使截取HTML代码有不完整的地方也因为外面有个表格使其整体不会受到影响.
第二点解决方法:
给侧边区域和内容区域的层设置overflow-x:hidden;属性,这样的话,即使内容区域有超过其层本身宽度的图片(内容)这个层也不会被撑大,不会被撑大就不会错位.

此主题相关图片如下:
东陆风华APP客户端 http://bbs.ynutx.net/appbyme_app-download.html
云南大学2016年考研复试信息分享
  • TA的每日心情
    难过
    2018-8-8 10:29
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初来乍到

    发表于 2007-7-3 21:24:30 | 显示全部楼层
    还有第三种原因,博客模板本身的问题
    而这种原因的错位恰恰在东陆博客系统里就出现了
    具体讲来就是“绿色生活”,
    解决方法也简单,改主模板,源码,把侧边条width值改小。
    这里原始值为200,改到199便不会有错位了
    绿色生活.JPG
    东陆风华APP客户端 http://bbs.ynutx.net/appbyme_app-download.html

    该用户从未签到

    发表于 2009-12-4 09:13:13 | 显示全部楼层
    楼主,这帖子真有意思,期待有人继续看看……
    东陆风华APP客户端 http://bbs.ynutx.net/appbyme_app-download.html

    本版积分规则

    关闭

    站长推荐上一条 /2 下一条

    QQ|小黑屋|手机版|Archiver|东陆风华,凝聚云大人的力量 ( 滇ICP备07500061号-1 )

    GMT+8, 2024-3-28 23:47 , Processed in 0.140625 second(s), 25 queries , Gzip On, Redis On.

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表