Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Mar 2009
    Location
    Canada
    Posts
    66
    Thanks
    5
    Thanked 2 Times in 2 Posts

    Question Two problems with a layout

    I am trying to create a new layout for my whole site.

    I have gotten pretty far now but still I remain to have two problems.

    First problem: I got a small space at the top of my page between the menu and the solid light background I got and the second is that my light solid background goes to far down the page. I only want the background to extend as long as the page is.

    my test page is:
    http://www.robinsden.110mb.com/testpage.php

    my css can be found at:
    http://www.robinsden.110mb.com/Scripts/all.css

    Thanks
    Last edited by robin9000; 03-10-2009 at 03:39 AM.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello Robin,
    Amazing how many full-height layouts are being done right now. Seems like everyone that comes to this forum is doing one.
    Quote Originally Posted by robin9000 View Post
    First problem: I got a small space at the top of my page between the menu and the solid light background
    Code:
    @charset "utf-8";
    /* CSS Document */
    *  {
    margin: 0;
    padding: 0;
    }
    /*header starts*/
    #A1000{
    background-image:url(../banner/3.jpg);
    background-repeat:repeat-x;
    height:120px;
    margin:0px;
    padding:0px;
    }
    
    #A1001{
    background-image:url(../banner/1.jpg);
    background-repeat:no-repeat;
    height:120px;
    width:310px;
    float:left;
    margin:0px;}
    That bit in red should fix the gap. It may affect other things in your layout too. It's the universal reset. It zeros out all default margin/padding so you may need to specify margin/padding in places.
    .......

    the second is that my light solid background goes to far down the page. I only want the background to extend as long as the page is.
    I see your .wrapper, .footer and .push are set up in your CSS for a full height layout the way this site shows - http://nopeople.com/CSS/full-height-layout/index.html - but I don't see it being implemented in your markup. There is no .push or .wrapper in your HTML...
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New Coder
    Join Date
    Mar 2009
    Location
    Canada
    Posts
    66
    Thanks
    5
    Thanked 2 Times in 2 Posts
    Thanks I'll give that stuff a shot tomorrow morning. I was just not sure how to implement the stuff for full hight but now that you gave me that demo page I think I'll be able to figure it out better now.


  •  

    Posting Permissions

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