1 reply [Last post]
rachels
rachels's picture
Offline
newbie
Last seen: 11 years 18 weeks ago
Timezone: GMT-4
Joined: 2011-04-07
Posts: 1
Points: 2

I've been working on this site -- www.sidewalkgumart.weebly.com -- and I seem to be having one super annoying problem with the CSS background. If you look on this page http://sidewalkgum.weebly.com/bizarro-ecology.html , you see the background doesn't fill the screen... I can't seem to figure out why. I've tried all different things in the CSS code but nothing seems to work!

Any ideas?

Anything you guys could give me would be a massive help as I'm at a total loss right now.

Here is the code:

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
    margin:0;
    padding:0;
}
ul{
    list-style:none;
}
fieldset{
    border:0;
}
a img{
    border:0;
}
.clear{
    clear:both;
}
body {
    background: url(sidewalk.gif) top repeat-x;
 
    font-family: arial, sans-serif;
    font-size:12px;
  font-weight:bold;
    color:#1D1D1D;
    margin:0;
    padding:0;
}
p {
    line-height: 170%;
    color: #181818;
    font-size: 13px;
    padding-bottom:12px;
}
h1 {
    font-size:30px;
    font-weight:bold;
    color:#cc0000;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
}
h2 {
    font-size:24px;
    font-family: arial, sans-serif;
    font-weight:bold;
    color:#414141;
    margin: 10px 0px 5px 0px;
}
#wrapper {
    width:960px;
    margin:0pt auto;
}
 
#header{
    width: 960px;
    height: 32px;
}
 
#headerleft{
    float: left;
    font-size:30px;
    font-weight:bold;
    color:#cc0000;
    padding: 20px 40px 5px 0px;
}
 
#navigation ul{
position: relative;
  display: inline;
  margin: 0;
padding: 0;
  height: 43px;
}
 
 
#navigation ul li{
    float: left;
margin: 35px 0px 0px 0px;
    padding: 0px 20px 0px 13px;
    background: url(libg.jpg) right no-repeat;
}
 
#navigation ul li a{
    color: #222222;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
 
#navigation ul li a:hover, #navigation ul li#active a{
    color: #cc0000;
}
 
#navigation ul li.weebly-nav-more{
 
    background: url(sidewalk.gif) top repeat-x;
}
 
#weebly-menus .weebly-menu-wrap { z-index: 5000; margin: 32px 0px 0px 0px; }
 #weebly-menus .weebly-menu { padding: 0; margin: 0; list-style: none; }
 #weebly-menus .weebly-menu li { float: left; clear: left; width: 163px; text-align: left; }
 #weebly-menus .weebly-menu li a { position: relative; display: block; width: 161px; background: #d4d4d4; text-decoration: none; font-size: 12px; font-weight: bold; padding: 6px 0px 6px 0px; color: #818080; border-left: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; border-bottom: 1px solid #b4b4b4;}
 #weebly-menus .weebly-menu li a:hover { background: #a7a7a7; color: #ffffff; }
 
#content{
    width: 898px;
      background: url(sidewalk.gif) top repeat-x;
    min-height: 500px;
    _height: 1100px;
    padding: 32px;
}
 
#content a{
    color: #cc0000;
    text-decoration: none;
}
 
#footer{
    width: 960px;
    color: #1D1D1D;
    font-size: 13px;
    text-align: right;
    padding: 35px 0px 20px 0px;
}
 
#footer a{
    color: #cc0000;
    text-decoration: none;
}
 
#footer .weebly-footer a{
  color: #1D1D1D;
}
 
​

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 3 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

On your body, replace

On your body, replace repeat-x with repeat (remove the -x)

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph