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 4 of 4
  1. #1
    Junior Member
    Join Date
    Jul 2009
    Posts
    4
    Member #
    19554
    Ok so I have a newly redesigned website I'm working on but I"m having a problem that I really haven't encountered before.
    If you'd like to proceed to http://intensity-technologies.com/vb/ then you'll see what I'm about to ask a question about.

    When you adjust the browser size horizontally, the background image which is the floating pallette just beneath the menu bar, will move out of place, this is a pain in the *** for anyone who doesn't have a high res monitor or who may not have their system set up for high res. I've tried to stop it from moving but I can't figure out how to keep it aligned in a fixed position with the header and menu bar =/
    Below is the background and body elements.

    If you could help me I'd really appreciate it.

    Code:
    @charset "UTF-8";
    
    /*
    *Design by Cl0udnyn3 and Greeneyez(R.I.P)
    */
    
    
    /*
     *------------------------- Content property starter--------------------------------------
     */
    
    body {
    	margin: 0;
    	padding-top:0;
    	background: #161616 url(images/Body.png);
    	background-repeat: no-repeat;
    	background-position:50% 80.5% ;
    }
    
    h1, h2, h3 {
    	font-weight: normal;
    	color: #F8FBEC;
    }
    
    h1 {
    	letter-spacing: -2px;
    	font-size: 3em;
    }
    
    h2 {
    	letter-spacing: -1px;
    	font-size: 2em;
    }
    
    h3 {
    	font-size: 1em;
    }
    
    p, ul, ol {
    	line-height: 200%;
    }
    
    blockquote {
    	padding-left: 1em;
    }
    
    blockquote p, blockquote ul, blockquote ol {
    	line-height: normal;
    	font-style: italic;
    }
    
    a {
    	color: #9BDB18;
    }
    
    a:hover {
    	text-decoration: none;
    	color: #E6B715;
    }
    /*
     *---------------------- Content Body end ---------------------------------------
     */

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    You have a "wrapper" to enclose everything within ...

    But you aren't using it?

    <div id="wrapper">
    </div>

    Why not?
    Put everything within the wrapper and see what happens.


  4. #3
    Junior Member
    Join Date
    Oct 2009
    Location
    Atlanta, GA
    Posts
    5
    Member #
    20194
    Right,

    Instead of having that body.png image for background styles in body, try putting that background image in your .wrapper styling.

    Also give the .wrapper margin of {margin:0 auto;}

    William J.
    CoffeeCup Software Inc.

  5. #4
    Banned
    Join Date
    Nov 2009
    Posts
    19
    Member #
    20316
    HI

    Use the wrapper option.


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