Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Sep 2007
    Posts
    3
    Member #
    15856
    http://www.freewebs.com/maxpowerbtch/index.html

    Well basicly I'm just having a few issues with this, as you can see theres a grey part at the very top that shouldnt be showing, the white area and bars should be all the way to the top. Also the white part does not go all the way down the site. Thats in firefox I think its even more messed up in internet explorer

    Code:
    <html>
    <head>
    <style type="text/css">
    
    #wrapper {
    background-color: #fff;
    width: 800px;
    height: 100%;
    
    }
    
    .bannerwrapper {
    padding-top: 5px;
    }
    
    .banner {
    border: 1px solid #000;
    width: 700px;
    
    }
    
    .menu {
    padding:5px;
    }
    
    .menu a {
    
              font-family: Verdana, Helvetica, sans-serif;
              font-size: 14px;
                      padding:10px;
              text-decoration:none;
                      color: #000;
    }
    
    .menu a:hover {
              color:#c0c0c0;
    }
    
    .menu a:active {
    
              color:#c0c0c0;
    }
    
    .contentwrapper {
    width: 700px;
    height: 500px;
    border: 1px solid #000;
    }
    
    .content {
    width: 680px;
    height: 480px;
    border: 1px solid #000;
    background-color: #fff;
    margin: 10px;
    }
    
    </style>
    </head>
    
    <body bgcolor="c0c0c0">
    <center>
    <div id="wrapper">
          <img src="bar.jpg" align="left">
          <img src="bar.jpg" align="right">
                 <div class="bannerwrapper">
                      <div class="banner"><img src="banner.jpg"></div>
                 </div>
                      <div class="menu">
                                <a href="Home.html">Home Page</a>
                                <a href="Home.html">About Us</a>
                                <a href="Home.html">Staff</a>
                                <a href="Home.html">Members</a>
                                <a href="Home.html">Forum</a>
                                <a href="Home.html">Links</a>
                      </div>
    
                <div class="contentwrapper">
                      <div class="content">Hey</div>
                </div>
    </div>
    
    <body>
    </html>

  2.  

  3. #2
    Senior Member seanmiller's Avatar
    Join Date
    Sep 2003
    Location
    Glastonbury, UK
    Posts
    868
    Member #
    3263
    Liked
    1 times
    Grey part at top...

    Code:
    body {
       margin-top: 0px;
    }
    As for the white, setting the #wrapper setting to 100% is basically the height of the browser... you should really lose the height entirely and just let the div expand to whatever height the page is, but you seem to have put in two 1000px images so I guess you want a fixed height so replace the 100% with 1000px... you also probably want to set the overflow so that the page can't get any higher than 1000px...

    Code:
    #wrapper {
       width: 800px;
       height: 1000px;
       overflow: auto;
    }
    Also, you have a "/" missing on your </body> tag and you should move that Javascript at the bottom which is below the </html> tag... never put code outside your HTML document... it's not good.

    Sean

  4. #3
    Junior Member
    Join Date
    Sep 2007
    Posts
    3
    Member #
    15856
    thanks that helped.

    I just realized something, you know how I have those 1000px tall bars on the sides of my site? Could I just make like a 5px tall thing and have it repeat downwards constantly? Instead of just puting a image there I'd have to put some divs and have imagine repeat but how would I align them and put them in all that?


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:55 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com