help with css pls pls pls
Posted: 21 December 2008 02:37 PM   [ Ignore ]
Newbie
Rank
Total Posts:  1
Joined  2008-12-21

hi guys building website but fine in internet explorer but not working in firefox loads missing any help guys pls pls

* {
  margin:0;
  padding:0;
  border:none;
}
body {
  color: #fff;
  background-color: #000;
  font: 14px Arial, Helvetica, sans-serif;
  text-align:center;
}
h1 {
  color: #c7141d;
  font: 18px Impact, “Arial Black”;
  margin-bottom: 15px;
  letter-spacing: 0.5px;
}
p {
  margin-bottom: 20px;
  letter-spacing: 0.5px;
}
a {
  color:#ffcc00;
  text-decoration:none;
}
h2 {
  background:#666;
  font-size:14px;
  color:#fff;
      line-height: 1.2em;
  padding:2px;
  text-align:center;
}
.box {
  padding:13px;
  border:1px #666 solid;
  background:#222;
  margin-bottom:20px;
  text-align:center;

}
.iframe {
  background:#000!important;
}
a:hover {
  text-decoration:underline;
}
#container {
  margin:15px auto;
  text-align:left;
  width:1000px;
  background:url(../images/container-bg.gif);
}
#header {
  width:1000px;
  height:142px;
  background:url(../images/header-bg.jpg);
  position:relative;
}
#header #logo {
  position:absolute;
  top:16px;
  left:15px;
}
#header #gametracker-banner {
  position:absolute;
  top:20px;
  right:15px;
}
#header-image {
  width:1000px;
  height:213px;
  background:url(../images/header-image2.jpg);
}
#left-col {
  width:220px;
  float:left;
  background:url(../images/left-col-bg.gif) repeat-x;
}
#mid-col {
  width:512px;
  float:left;
  line-height:24px;
  padding: 25px 0px 20px 30px;
  height:500px;
}
html>body #mid-col {
  min-height:500px;
  height:auto;
}
#right-col {
  width:200px;
  float:right;
  text-align:center;
  padding:0 10px;
  padding-top:20px;
  line-height:20px;
  background: url(../images/left-col-bg.gif) repeat-x;
}
#left-col strong {
  margin-bottom:0px;
  font-size:14px;
}
#left-col img {
  margin-bottom:5px;
}
#menu {
  border:0px #555 solid;
  margin:20px 7px 0;
  height:426px;
  font-weight:bold;
  font-size:12px;
  padding:2px;
}
html>body #menu {
  min-height:426px;
  height:auto;
}
#menu a {
  clear:both;
  display:block;
  width:88%;
  padding:4px 2% 4px 10%;
  border:0px #444 solid;
  text-decoration:none;
  color:#fff;
  background:#222;
  margin-bottom:2px;
}
#menu a:hover,
#menu a.active {
  background:#fff url(../images/menu-item-bg.gif);
  color:#000;
}
#menu a.active {
  cursor:default;
}
#topten {
  display:block;
  padding-top:-50px;
}
#footer {
  width:1000px;
  height:96px;
  clear:both;
  background:url(../images/footer-bg.jpg);
     
}
.thumbnails img {
  width:100px;
  height:100px;
  margin-bottom:5px;
}
.thumbnails div {
  width:100px;
  height:140px;
  float:left;
  padding-right:25px;
  padding-bottom:5px;
  font-size:10px;
  line-height:11px;
}

Profile
 
 
Posted: 12 January 2009 07:43 PM   [ Ignore ]   [ # 1 ]
Member
Avatar
RankRankRank
Total Posts:  52
Joined  2007-11-08

a link would be better. It doesn’t depend only on your css codes but also on your html markup.

Profile