关于资讯页面等列表过长都撑破修改
这个主要是在当初制作的时候为定义样式,把高度给定死了 只要把高度改为 height:auto; 可以解决
下面是修改后用的 MS.CSS
-
-
-
- body { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333; margin:0; padding:0; background:#fff; text-align:center;}
- img { border:0;}
- p,td,input,textarea { font-size:12px;}
- form, p, ul, li { margin:0; padding:0;}
- ul {list-style:none;}
- /*a:link,a:visited { color:#15b; text-decoration:none;}*/
- a:link,a:visited { color:#333; text-decoration:none;}
- a:hover { color:#333; text-decoration:underline;}
- .blueLink a:link, .blueLink a:visited { color:#406F8B;}
- .yellowLink a:link, .yellowLink a:visited { color:#f60;}
- .block .title a:link, .block .title a:visited { color:#000;}
- .block1 .title a:link, .block1 .title a:visited { color:#000;}
- p {word-break:break-all; overflow:auto; word-wrap:break-word;}
- .xw { width:950px; margin:0 auto; text-align:left; clear:both;}
- .l, .lw { float:left;}
- .r, .rw { float:right;}
- .lw { width:660px;}
- .rw { width:280px;}
- .xspace { margin-left:10px;}
- .yspace { margin-top:10px;}
- .hackbox { clear:both; font-size:0px; line-height:0px;}
- .inputBtn { border-width:1px; border-style:solid; border-color:#CAEBFD #6AC2F7 #6AC2F7 #CAEBFD; background:#A7DBFA; color:#04283E;}
- .cf { clear:both; font-size:1px; line-height:1%; display:block; height:1%;}
- /*.yspace { margin:8px auto 0 auto;}*/
- .top { padding-top:12px; width:100%; background:url(t-top.jpg) repeat-x;}
- .logo { padding-left:12px;}
- .menu { padding-top:10px; width:740px;}
- .level1 { text-align:right; padding-bottom:8px; color:#999;}
- .level1 a:link, .level1 a:visited { color:#666;}
- .level1 span { padding-left:12px;}
- .level1 span a:link, .level1 span a:visited { color:#406F8B;}
- .level2 { background:url(t-otherMenu.jpg) repeat-x; height:29px;}
- .level2 a:link, .level2 a:visited { color:#333; text-decoration:none;}
- .level2 a:hover { color:#000; text-decoration:underline;}
- .level2 .catalog { height:29px; padding-left:6px; line-height:28px; font-size:13px;}
- .level2 .catalog li { float:left; background:url(t-dashY.gif) right center no-repeat; padding:0 10px;}
- .level2 .catalog li a:link, .level2 .catalog li a:visited { color:#464100;}
- .level2 .catalog li span a:link, .level2 .catalog li span a:visited { color:#808600;}
- .level2 .catalog li.current a:link, .level2 .catalog li.current a:visited { color:#f00;}
- .level2 .rss { background:url(t-otherMenuR.jpg) right top no-repeat; height:29px; padding-right:10px;}
- .level2 .rss p { padding-top:5px;}
- .level2 .rss p a:link, .level2 .rss p a:visited { color:#797000;}
-
- .nav { border:1px solid #e1e1e1; background:url(t-nav.jpg) repeat-x; height:28px;}
- .catalogName { background:url(t-arrow.jpg) 6px 4px no-repeat; font-size:1.2em; font-weight:bold; padding:6px 0 2px 30px;}
- .navMenu { background:url(t-dashY1.gif) 10px top repeat-y; padding-left:20px; color:#999; line-height:28px;}
- .search { padding:3px 10px 0 0;}
- .search .ipt { border:1px solid #D4D0C8; background:#fff; padding:0; height:18px;}
- .search .ipb1 { background:url(t-searchBtn.jpg) no-repeat; border:none; height:20px; width:46px; color:#fff;}
-
- #content { margin:8px auto 0 auto;}
- #imgFocus { width:245px;}
- #imgFocus li.title { padding:6px 0 6px 6px;}
- #imgFocus li.title span { width:175px; display:block;}
- #imgFocus li.more { padding:5px 0 0 0; text-align:right; width:45px;}
-
- #textFocus { margin-left:255px; border:1px solid #ccc; height:200px;}
- #titleFocus { margin:0 10px; border-bottom:1px dashed #ddd; padding:10px 0 8px 0;}
- #titleFocus h1 { font-size:14px; padding:0 0 6px 0; text-align:center; margin:0;}
- #titleFocus h1 a:link, #titleFocus h1 a:visited { color:#f00;}
- #titleFocus p { line-height:1.5em; color:#666;}
- .classFocus { color:#666; margin:7px 0 0 8px;}
- .classFocus li { background:url(dot.gif) 7px 8px no-repeat; line-height:1.8em; padding:0 0 0 14px;}
- .classFocus li span { color:#f60;}
- .classFocus li span a:link, .classFocus li span a:visited { color:#f60;}
- .listMessageCatalog { margin:8px 0 0 8px;}
- .listMessageCatalog li { float:left; background:url(dot.gif) 0 8px no-repeat; line-height:1.8em; padding:0 0 0 12px;}
- .listMessageCatalog li a { display:block; width:180px;}
-
- #memberMenu { border:1px solid #6d4; padding:10px 0; background:#fff;}
- #memberMenu a:link,#memberMenu a:visited { color:#260;}
- #memberMenu ul { float:right; margin:0 1px 0 0 !important; margin:0 -8px 0 0;}
- #memberMenu li { float:left;border:1px solid #399522;margin:0 10px 10px 0;padding-left:23px; line-height:22px;}
- #memberMenu li.myAdd { background:#EDFBEA url(myAdd.gif) 5px 4px no-repeat;}
- #memberMenu li.myRevert { background:#EDFBEA url(myRevert.gif) 5px 4px no-repeat;}
- #memberMenu li.myFavorite { background:#EDFBEA url(myFavorite.gif) 5px 4px no-repeat;}
- #memberMenu li.myPoint { background:#EDFBEA url(myPoint.gif) 5px 4px no-repeat;}
- #memberMenu li span { display:block; width:82px;}
- #memberMenu p { clear:both; text-align:center; margin-top:10px;}
-
-
- .block { background:#fff url(leftBlockTitle.jpg) repeat-x;}
- .block .title { height:33px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
- .block .title .singleMenu { padding:8px 0 0 8px; font-size:13px; font-weight:bold; color:#000;}
- .block .title .singleMenu span { font-size:13px; font-weight:bold; color:#186118;}
- .block .title ul { padding:3px 0 0 8px;}
- .block .title li { background:url(b1tDot.jpg) right top no-repeat; float:left; width:105px; height:33px; font-size:13px; line-height:28px; text-align:center;}
- .block .title li a:link, .block .title li a:visited { color:#000;}
- .block .title li.current { background:url(peopleLikeCurrent.jpg) no-repeat; font-weight:bold;}
- .block .title li.current a:link, .block .title li.current a:visited { color:#fff;}
- .block .title .r { padding:5px 8px 0 0;}
- .block .content { padding:15px 10px; border:1px solid #ccc;border-top:none; background:#fff;}
-
- .block .imgMessage { width:323px; float:left; padding-bottom:0; height:auto}
- .block .imgMessage1 { margin-right:10px; border-bottom:1px dashed #ccc; height:68px;}
- .block .imgMessage img { float:left; margin:0 8px 0 8px; border:1px solid #ccc; padding:1px;}
- .block .imgMessage h2 { font-size:14px; margin:0 0 4px 0; padding:0; line-height:1.3em;}
- .block .imgMessage h2 a:link, .block .imgMessage h2 a:visited { color:#f60;}
- .block .imgMessage p { line-height:1.5em;color:#666;}
- .block .listMessage { clear:both; margin:8px 0 0 0; color:#666;}
- .block .listMessage li { background:url(dot.gif) 4px 8px no-repeat; line-height:1.8em; width:323px;float:left;}
- .block .listMessage li a { padding:0 0 0 15px;}
-
- .block .digg { padding:15px;}
- .digg .messageDigg { border-bottom:1px dashed #ccc; padding:10px 0 10px 0 !important; padding:10px 0 0 0;}
- /*\*/* html .digg .messageDigg { height: 1%;}/**/
- .digg .diggIt { width:62px;}
- .digg .num { background:url(diggNumber.jpg) no-repeat; height:43px; text-align:center;}
- .digg .num span { display:block; padding:5px 0 1px 0; color:#f30; font-size:16px;font-weight:bold;font-family:Verdana;}
- .digg .diggBtn { background:url(digg.jpg) no-repeat; height:30px; text-align:center;}
- .digg .haveDiggBtn { background:url(haveDigg.jpg) no-repeat; height:30px; text-align:center;}
- .digg .diggBtn span, .digg .haveDiggBtn span { padding-top:9px; display:block;}
- .digg .haveDiggBtn span { color:#666;}
- .digg .messageBody {}
-
- .digg .messageBody h2 { font-size:14px; margin:3px 0 8px 0; padding:0; margin-left:13px;}
- .digg .messageBody h2 span { font-size:12px; font-weight:normal;}
- .digg .messageBody h2 a:link, .digg .messageBody h2 a:visited { color:#f60; text-decoration:underline;}
- .digg .messageBody h2 a:hover { color:#000;}
- .digg .messageBody p { line-height:1.6em; margin-left:13px;}
- .digg .messageBody p.author { margin-bottom:5px; color:#666;}
- .digg .messageBody p.author img { border:1px solid #ccc;}
- .digg p.newsBody {}
- .digg p.newsBody img { float:right; margin:5px 0 5px 5px;}
- .digg p.keyword { color:#666; margin-top:5px;}
- .digg ul { margin:8px 0 0 13px;}
- .digg li { float:left; height:22px; line-height:16px; color:#666;}
- .digg li.comment { background:url(comment.gif) no-repeat; padding:0 20px;}
- .digg li.copyLink { background:url(copyLink.gif) no-repeat; padding:0 20px;}
- .digg .more { text-align:center; padding:15px 0 0 0;}
-
- #search { border:1px solid #ccc; padding:8px 10px;}
-
- .block1 {}
- .block1 .title { border-left:1px solid #BFE4FB; border-right:1px solid #BFE4FB; background:url(block1Title.jpg) repeat-x; height:26px; color:#fff;}
- .block1 .title ul { margin:0 0 0 9px;}
- .block1 .title ul li { line-height:25px; float:left; font-size:13px; width:75px; text-align:center; background:url(block1TitleDot.gif) 73px 6px no-repeat;}
- .block1 .title ul li a { display:block; height:20px;}
- .block1 .title .current a { border-left:1px solid #68C2FF; border-right:1px solid #68C2FF; background:#fff url(block1Current.jpg) repeat-x; font-weight:bold; border-top:1px solid #68C2FF;}
- .block1 .title .current a:link, .block1 .title .current a:visited { color:#000;}
- .block1 .content { border:1px solid #C1E4FF; border-top:none; padding:15px; background:#FBFEFF;}
- .block1 .content111 { padding:15px 0;}
-
- .block1 #newComment { padding:10px;}
- .newComment { padding:0 0 5px 0; border-bottom:1px dashed #ccc;}
- .newComment img { float:left; margin:0 6px 0 0; padding:1px; border:1px solid #ccc;}
- .newComment p { line-height:1.6em;}
- .newComment p.author { font-size:13px;}
- .newComment p.articleTitle {}
- .newComment p.articleTitle, .newComment p.author { color:#666;}
- .newComment p.sayWhat { padding-top:6px; color:#666;}
- #newComment .more { text-align:right; padding-top:8px;}
-
- .block1 #user { padding:10px 0 5px 6px;}
- #user .more { text-align:right; padding:6px 0 0 0; border-top:1px dashed #ccc; margin:15px 15px 0 15px;}
- #user ul {}
- #user li { width:90px; float:left; text-align:center; margin-top:5px;}
- #user li img { padding:1px; border:1px solid #ccc; margin:0 auto 6px auto;}
-
- #Div4 table { width:100%; border-collapse:collapse;}
- #Div4 th, #Div4 table td { padding-bottom:8px;}
- #Div4 th { font-weight:normal; padding-left:20px; text-align:left;}
- #Div4 .sort1 { background:url(1.gif) 0 4px no-repeat;}
- #Div4 .sort2 { background:url(2.gif) 0 4px no-repeat;}
- #Div4 .sort3 { background:url(3.gif) 0 4px no-repeat;}
- #Div4 .sort4 { background:url(4.gif) 0 4px no-repeat;}
- #Div4 .sort5 { background:url(5.gif) 0 4px no-repeat;}
- #Div4 .sort6 { background:url(6.gif) 0 4px no-repeat;}
- #Div4 .sort7 { background:url(7.gif) 0 4px no-repeat;}
- #Div4 .sort8 { background:url(8.gif) 0 4px no-repeat;}
- #Div4 .sort9 { background:url(9.gif) 0 4px no-repeat;}
- #Div4 .sort10 { background:url(10.gif) 0 4px no-repeat;}
- #Div4 td { width:45px;}
-
- #footer{ padding:12px 0;}
- #botNav { border:1px solid #ccc;background:#fff url(foot.jpg) repeat-x;line-height:28px;text-align:center;color:#666;height:28px;}
- #copyright { line-height:1.6em; text-align:center; font-family:Arial; padding:5px 0 0 0;}
- #copyright a:link, #copyright a:visited { color:#000;}
-
-
- /* msShow.htm */
- #show { border:1px solid #ccc; padding:15px;}
- #show .digg h1 { font-size:18px; margin:3px 0 10px 0; padding:0; margin-left:13px; text-align:center;}
- #show .digg p.author { color:#666; text-align:center;}
- #show .digg .messageDigg { border-bottom:none;}
- #show .digg p.newsBody { font-size:14px; line-height:1.8em;}
- #show .digg p.newsBody td { font-size:14px; line-height:1.8em;}
-
- #show fieldset { border-width:1px 0 0 0; border-style:solid; border-color:#ccc; margin:20px 0 0 0; padding:0;}
- #show legend { font-size:14px; font-weight:bold; padding:0 8px; margin:0 0 0 5px;}
- #show #comment {}
- #comment legend {}
- #comment .pagebar { text-align:right; padding:8px 0 0 0;}
- #comment .pagebar a { border:1px solid #ccc; background:#f8f8f8; padding:3px 6px;}
- #comment .pagebar a.current { border:1px solid #f90; background:#FFF0E6; font-weight:bold; color:#000;}
- #comment .content { border:1px solid #ccc; background:#fff; padding:8px 8px 8px 5px; margin:15px 0 0 0;}
- /*\*/* html #comment .content { height: 1%;}/**/
- #comment .content1 { border:1px solid #ddd; background:#fff;}
- #comment .content .photo { width:74px; text-align:center;}
- #comment .photo img { padding:2px; border:1px solid #ccc;}
- #comment .content .commentBody {}
- #comment .commentBody p { line-height:1.7em;}
- #comment .commentBody .author { color:#666;}
- #comment .commentBody .txt {}
- #comment .commentBody .hold { text-align:right;}
-
- #addComment legend {}
- #addComment .inputText { text-align:center; padding:10px 0 0 0;}
-
- #show #whoDiggThis {}
- #whoDiggThis div { margin:0 0 0 10px; border-top:6px solid #fff;}
- #whoDiggThis ul { padding:10px 0 0 0;}
- #whoDiggThis li { float:left; background:url(people.gif) 0 0 no-repeat; padding: 0 0 0 20px; height:26px;}
- #whoDiggThis li a { display:block; width:90px;}
-
- #topMessage { color:#666; padding:10px;}
- #topMessage li { background:url(dot.gif) 0 8px no-repeat; line-height:1.8em; padding:0 0 0 12px;}
- #topMessage li span {}
-
-
- .block2 #msAdd {}
- #msAdd label { float:left; width:60px; text-align:right;}
- #msAdd li { clear:both; padding-bottom:10px;}
-
- .block2 #msMy { padding:0 15px 15px 15px;}
- #msMy .pagebar { text-align:right; margin:12px 0 0 0;}
- #msMy .pagebar a { border:1px solid #ccc; background:#f8f8f8; padding:3px 6px;}
- #msMy .pagebar a.current { border:1px solid #69D64E; background:#EDFBEA; font-weight:bold; color:#000;}
-
- .block #msMyReview {}
- #msMyReview .messageDigg { border-bottom:none; padding:0 0 0 0;}
- #msMyReview .messageBody h2 { font-size:12px; margin:3px 0 3px 0; padding:0; margin-left:13px; font-weight:normal;}
- #msMyReview .messageBody p.author { margin-bottom:2px; color:#999; line-height:1.5em;}
- #msMyReview p.newsBody { color:#666;}
- #msMyReview .myReview { background:#f8f8f8; border:1px dashed #ccc; margin:8px 0 20px 0;}
- .myReview p.time { padding:8px 0 8px 8px; color:#666;}
- .myReview p.reviewContent { line-height:1.6em; padding:0 8px 8px 8px;}
- #msMyReview .pagebar { text-align:right; margin:12px 0 0 0;}
- #msMyReview .pagebar a { border:1px solid #ccc; background:#f8f8f8; padding:3px 6px;}
- #msMyReview .pagebar a.current { border:1px solid #69D64E; background:#EDFBEA; font-weight:bold; color:#000;}
-
- .list { padding:3px 15px 15px 15px;}
- #allComment { padding:3px 15px 15px 15px;}
- .list .pagebar { text-align:right; padding:12px 0 8px 0; border-bottom:1px dashed #ccc;}
- /*\*/* html .list .pagebar { height: 1%;}/**/
- .list .pagebar span { color:#f00; font-size:13px;}
-
- #allFocus { padding:3px 15px 15px 15px;}
- #allFocus .allFocusContent { float:left; margin:15px 20px 0 10px !important; margin:15px 20px 0 10px; border:1px solid #ccc; padding:6px 3px 0 3px; text-align:center;}
- #allFocus .allFocusContent img { display:block; padding:0 0 6px 0;}
- #allFocus .allFocusContent p { height:22px; width:265px;}
-
- #allComment .cmlist { border-bottom:1px dashed #ccc; padding:10px 0 15px 0; margin:0;}
- /*\*/* html .cmlist { height: 1%;}/**/
- #allComment .cmlist1 { border:1px solid #ddd; background:#fff;}
- #allComment .cmlist .photo { width:74px; text-align:center;}
- #allComment .photo img { padding:2px; border:1px solid #ccc;}
- #allComment .cmlist .commentBody {}
- #allComment .commentBody p { line-height:1.7em;}
- #allComment .commentBody .author { color:#666;}
- #allComment .commentBody .articleTitle { color:#666;}
- #allComment .commentBody .txt {}
- #allComment .commentBody .hold { text-align:right;}
-
- .member { border:1px solid #ccc; padding:8px 0 8px 8px; background:#fff;}
- .member .memberphoto { float:left; margin:0 6px 0 0;}
- .member .memberphoto img { padding:2px; border:1px solid #999;}
- .member .name { float:left; padding:6px 0 9px 0; width:190px;}
- .member .name span { color:#f00;}
- .member .memberbtn li { float:left; text-align:center;}
- .member .memberbtn li.addclass { background:url(myClass.jpg) no-repeat; width:82px; height:28px; line-height:27px; font-size:13px;}
- .member .memberbtn li.myclass a:link, .member .memberbtn li.myclass a:visited, .member .memberbtn li.addclass a:link, .member .memberbtn li.addclass a:visited { color:#406F8B;}
- .member .memberbtn li.myclass { background:url(myClass.jpg) no-repeat; width:78px; height:28px; line-height:27px; font-size:13px;}
- .classList { color:#666; margin:0;}
- .classList td { background:url(dot.gif) 0 8px no-repeat; line-height:1.6em; padding:0 0 4px 12px;}
- .classList td span a:link, .classList td span a:visited { color:#f60;}
-
-
- .digg .messageBody1 h2 { font-size:14px; margin:3px 0 8px 0; padding:0; margin-left:13px;}
- .digg .messageBody1 h2 span { font-size:12px; font-weight:normal;}
- .digg .messageBody1 p { line-height:1.6em; margin-left:13px;}
- .digg .messageBody1 p.author { margin-bottom:5px; color:#666;}
- .digg .messageBody1 p.author img { border:1px solid #ccc;}
- .digg p.newsBody {}
- .digg p.newsBody img { float:right; margin:5px 0 5px 5px;}
- .digg p.keyword { color:#666; margin-top:5px;}
- .digg ul { margin:8px 0 0 13px;}
- .digg li { float:left; height:22px; line-height:16px; color:#666;}
- .digg li.comment { background:url(comment.gif) no-repeat; padding:0 20px;}
- .digg li.copyLink { background:url(copyLink.gif) no-repeat; padding:0 20px;}
- .digg .more { text-align:center; padding:15px 0 0 0; font-size:14px;}
-
- #newsBody1 img { cursor:hand;display:block; float:none;}
- .block111 {}
- .block111 .title { border-left:1px solid #eee; border-right:1px solid #eee; background:url(block111Title.jpg) repeat-x; height:26px; color:#fff;}
- .block111 .title ul { margin:0 0 0 9px;}
- .block111 .title ul li { line-height:25px; float:left; font-size:13px; width:90px; text-align:center; background:url(block111TitleDot.gif) 88px 6px no-repeat;}
- .block111 .title ul li a { display:block; height:20px;}
- .block111 .title .current a { border-left:1px solid #ccc; border-right:1px solid #ccc; background:#fff url(block1Current.jpg) repeat-x; font-weight:bold; border-top:1px solid #ccc;}
- .block111 .title .current a:link, .block111 .title .current a:visited { color:#000;}
- .block111 .content { border:1px solid #C1E4FF; border-top:none; padding:15px; background:#FBFEFF;}
-
- .hotTag1229 span{ padding:0 10px 0 0; line-height:180%;}
- #AspNetPager1 { padding:15px 0 0 0;}
- #AspNetPager1 td {font-family:Verdana Arial Sans-Serif;}
-
- #AspNetPager1 a { margin-right:5px; float:left; border-width:1px; border-style:solid; padding:2px 0; width:20px; text-align:center;}
- #AspNetPager1 span { margin-right:5px; float:left; border-width:1px; border-style:solid; padding:2px 0; width:20px; text-align:center;}
-
-
- .pageCut span { display:block; float:left; text-align:center; padding-right:3px;}
- .pageCut span a { display:block; border:1px solid #ccc; width:17px; height:17px; line-height:17px;}
- .pageCut span.current a { border:1px solid #666; background:#666; color:#fff;}
- img { border:0;}
- .pageCut span a:link, .pageCut span a:visited { border:1px solid #ccc; color:#666; text-decoration:none;}
- .pageCut span a:hover { border:1px solid #666; color:#f60; text-decoration:none;}
- .pageCut span.current a:link, .pageCut span.current a:visited { border:1px solid #f60; background:#f60; color:#fff; text-decoration:none;}
- .pageCut span.current a:hover { border:1px solid #666; color:#f60; text-decoration:none;}
-
-
复制代码 |