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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    I want my content to stay in place as i resize my browser window..any help?

    So basically what the title says..i need the content on my page to stay the same when i resize the browser without resizing itself and screwing with the format. something similar to the page at w3schools.com. when you drag the browser to the left it will only adjust a little bit but pretty much everything stays the same.

    I hope i made sense. It's my first site and I have been stuck on this issue most of the day. any help or advice is appreciated thanks in advance

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    It's very easy. Just set a fixed width to the outer container element. See some examples at http://bonrouge.com/3c-hf-fixed.php and http://bonrouge.com/2c-hf-fixed.php
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks that solved my problem. Now i have another little problem:
    Code:
    html {height:100%;}
    body {
    margin:0;
    padding:0;
    height:100%;
    background-color:#ffffff;
    font-family:arial, serif;
    }
    #wrap {
    background:url(bg200W3.gif) top left repeat-y;
    min-height:100%;
    width:780px;
    margin:auto;
    position:relative;
    }
    * html #wrap {height:100%}
    The part that says background:url(bg200w3.gif)
    What i thought you are supposed to do is create an image 780px wide and 1x high. So i went into microsoft paint and did just that, then saved the image in my images folder for the site.

    So instead of
    background:url(bg200W3.gif),
    i have in my code
    background:url(images/780w.gif)

    780w is the name of the image. It doesn't seem to make a difference when i insert this in. I have also tried just url(780w.gif). I am at a loss...any ideas?

  • #4
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Your file structure must be like this for that to work:

    Code:
    / (root, directory)
      images (directory)
        780w.gif
      index.html
    If index.html is in a folder other than root, it will not work.


  •  

    Posting Permissions

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