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 1 of 1
  1. #1
    Senior Member Richard S's Avatar
    Join Date
    Jul 2004
    Location
    SW Lonodn
    Posts
    219
    Member #
    6728
    Liked
    3 times
    Basicly I want a header at the top of the page that spans the entire width of the page.

    The header is made of 3 <div>s, a main container div with a vertical gradaint back ground, then a <div> fixed on the right and a <div> fixed to the left.

    At the momment I'm using this CSS code:

    <style type="text/css">
    <!--

    #Header {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:190px;
    background-image:url(images/index_02.gif);
    min-width:700px;
    }

    #index-01 {
    position:absolute;
    float:left;
    top:0px;
    width:411px;
    height:190px;
    }


    #index-03 {
    position:absolute;
    left:100%;
    margin-left:-279px;
    top:0px;
    width:279px;
    height:190px;
    }

    -->
    </style>

    And this in the body:

    <div id="Header">
    <div id="index-01">

    </div>
    <div id="index-02">
    <img src="images/index_02.gif" width="110" height="190" alt="">
    </div>
    <div id="index-03">
    <img src="images/index_03.gif" width="279" height="190" alt="">
    </div>
    </div>

    It works fine, just wondering if this is the best way to go about it?

    Thanks.

  2.  


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 09:19 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com