Results 1 to 3 of 3
  1. #1
    Join Date
    Dec 2007
    Location
    Toronto, Ontario, Canada
    Posts
    689
    Tokens
    0

    Default Not expanding - What the hell?

    I have the following code, and it's not 'expanding'. The background image I have set isn't getting bigger (height wise) when content is added.

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>kolzy : what are you waiting for?</title>
    
    <style type="text/css">
    body {
    background: #b61717;
    font-family: "Trebuchet MS";
    font-size: 14px;
    color: #4e4e4e;
    text-align: left;
    margin: 0;
    }
    
    body a:link{
    font-family: "Trebuchet MS";
    font-size: 14px;
    color: #4e4e4e;
    text-decoration: none;
    font-weight: bold;
    }
    
    body a:hover{
    font-family: "Trebuchet MS";
    font-size: 14px;
    color: #4e4e4e;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    }
    
    body a:visited{
    font-family: "Trebuchet MS";
    font-size: 14px;
    color: #4e4e4e;
    text-decoration: none;
    font-weight: bold;
    }
    
    #wrapper {
    width: 676px;
    margin-top: 100px;
    }
    
    #main_top {
    background-image: url(images/main_top.png);
    width: 676px;
    height: 30px;
    }
    
    #main_middle {
    background-image: url(images/main_middle.png);
    width: 676px;
    }
    
    #logo {
    background-image: url(images/logo.png);
    width: 252px;
    height: 40px;
    float: right;
    margin-right: 25px;
    }
    </style>
    
    </head>
    
    <body>
    <div align="center">
    <div id="wrapper">
    
    <!-- TOP IMAGE START -->
    <div id="main_top"></div>
    <!-- TOP IMAGE END -->
    
    <!-- MAIN CONTENT START -->
    <div id="main_middle">
    
    <!-- LOGO START -->
    <div id="logo"></div>
    <!-- LOGO END -->
    
    <!-- PROMO IMAGE START -->
    <div id="promo"></div>
    <!-- PROMO IMAGE END -->
    
    <!-- LEFT CONTENT START -->
    <div id="left_content">
    
    </div>
    <!-- LEFT CONTENT END -->
    
    <!-- RIGHT CONTENT START -->
    <div id="right_content">
    
    </div>
    <!-- RIGHT CONTENT END -->
    
    </div>
    <!-- MAIN CONTENT END -->
    
    
    </div>
    </div>
    </body>
    
    </html>
    Any help is appreciated and'll get +rep.

  2. #2
    Join Date
    Sep 2006
    Location
    Evanston, Illinois.
    Posts
    2,361
    Tokens
    0

    Latest Awards:

    Default

    Try putting &nbsp; inside your divs, leaving them blank isn't a good idea
    How could this hapen to meeeeeeeeeeeeeee?lol.

  3. #3
    Join Date
    Dec 2007
    Location
    Toronto, Ontario, Canada
    Posts
    689
    Tokens
    0

    Default

    LOL, that fixed it. Thanks.

    I'd rep but I have to spread around.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •