Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS In Firefox it looks fine, but in IE 6-7-8 not! Re: In Firefox it looks fine, but in IE 6-7-8 not!

#76171
Filarono
Member

CSS:

Code:
/* Global */
html, body { text-align: center; }
* { padding:0; margin:0; text-decoration:none; }
a { color:#297EB9; }
a:hover { color:#333333; }

/* Body */
body { margin:0; background-color:#DDDDDD; font-family:Arial; font-size:0.75em; }
.wrapper { width:1000px; margin-left:auto; margin-right:auto; }
.clear { clear:both; }

/* Index */
.big-column { width:660px; margin-top:10px; margin-right:10px; float:left; position:relative; }
.idTabs { color:black; height:245px; -moz-border-radius:10px; border:1px solid #BBBBBB; }
.feat-top { height:35px; border:1px solid #BBBBBB; background:-moz-linear-gradient(top,#DEDEDE,#FFFFFF,#DEDEDE); -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; }
.feat-top h1 { margin:0; float:left; font-size:1.5em; font-weight:normal; line-height:35px; padding-left:20px; }
#left-column { float:left; width:324px; margin-right:10px; margin-bottom:10px; }
#right-column { float:right; width:324px; margin-bottom:10px; }
.cat { background-color:#F3F2F2; color:black; margin-top:10px; -moz-border-radius:10px; border:1px solid #BBBBBB; }
.cat h3 { margin:0; height:35px; border-bottom:1px solid #BBBBBB; line-height:35px; padding-left:20px; font-size:1.1em; font-weight:bold; background:-moz-linear-gradient(top,#DEDEDE,#FFFFFF,#DEDEDE); -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; text-align:left; }
.cat h4 { background:-moz-linear-gradient(top,#DEDEDE,#FFFFFF,#DEDEDE); margin:0; height:35px; border-top:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB; line-height:35px; padding-left:10px; font-size:1em; font-weight:bold; }
#other-content { overflow:hidden; background-color:#FFFFFF; }
#more-stories { background-color:#FFFFFF; overflow:hidden; }
.end-cat { background-color:#F3F2F2; height:12px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; background:-moz-linear-gradient(bottom,#FFFFFF,#DEDEDE); }
#feat-content { background-color:#FFFFFF; overflow:hidden; border-right:1px solid #BBBBBB; border-left:1px solid #BBBBBB; }
.end-feat { height:18px; background:-moz-linear-gradient(bottom,#FFFFFF,#DEDEDE); -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; border:1px solid #BBBBBB; }
.feat-list { float:right; text-align:right; padding-right:20px; }
.feat-list ul { list-style:none; margin:0; padding:0; }
.feat-list ul li { display:inline; margin-left:9px; padding:0; }
.feat-list ul li a.tabactive { background-color:#297EB9; }
.feat-list ul li a { display:inline; line-height:35px; padding-right:3px; padding-left:3px; font-size:0.5em; -moz-border-radius: 10px; border:1px solid #808080; }
.feat-list ul li a:hover { background-color:#297EB9; }
#feat-content .thumb { width:180px; float:left; height:130px; overflow:hidden; margin-left:15px; margin-top:15px; border:1px solid #BBBBBB; }
#feat-content h2 { float:right; margin-top:15px; margin-right:15px; padding:0; width:431px; text-align:left; margin-left:15px; font-size:1.8em; margin-bottom:0; border:0; }
#feat-content p { float:right; margin-top:15px; margin-right:15px; padding:0; width:431px; text-align:justify; margin-left:15px; font-size:1em; margin-top:15px; margin-bottom:15px; }
#feat-content .continue-reading { float:right; width:431px; text-align:left; margin-right:15px; }
#feat-content .comments { float:right; width:431px; text-align:left; margin-right:15px; margin-top:5px; margin-bottom:10px; }
#feat-content ul li { list-style:none; margin:0; padding:0; }