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 6 of 6
  1. #1
    Junior Member
    Join Date
    Feb 2011
    Posts
    5
    Member #
    26950
    hi there...

    im more of a graphic designer than web coder, and unfortunately do depend upon dreamweaver to code my sites, but i've been keen to learn to code properly, and have been practicing with my most recent site.
    This is the first site i've made using a css based layout even though the coding has been around for years.
    anyway, i've hit a rut. i've created the majority of the website now, and have some elements of my page that are positioned using css outside of the browser window, i.e. 900px fixed position from the top, and i cant figure out how to code the browser window to scroll to allow the viewer to see this...im probably being stupid, but i cant figure it out...any help i could get would be awesome

  2.  

  3. #2
    Member surfbouy's Avatar
    Join Date
    Dec 2010
    Location
    Noosa, Sunshine Coast, Queensland, Australia
    Posts
    46
    Member #
    25747
    Liked
    3 times
    Hey Will, do you have a link to the page so we can check out the code.

    Cheers

  4. #3
    Junior Member
    Join Date
    Feb 2011
    Posts
    5
    Member #
    26950
    im replacing this with this because this site was appearing in google when searching for my site... cheers for the help

  5. #4
    Member surfbouy's Avatar
    Join Date
    Dec 2010
    Location
    Noosa, Sunshine Coast, Queensland, Australia
    Posts
    46
    Member #
    25747
    Liked
    3 times
    Hey Will,
    great to see that you are doing CSS layouts.
    Looking at the above I would rethink the layout into sections
    From the body you would have
    1. a outer wrapper to wrap all or some of the divs ** if you add margin left and right to auto it will center the page
    2. a header div to place the header
    3. Maybe a content wrapper to wrap all three below areas... you can then indent them and add extra style if required
    4. a left column for the menu
    5. a content area for content
    6. a right column for your facebook stuff
    7. then a footer


    You probably want to add some extra wrappers ie
    <body>
    <div id="outerWrapper"> this wraps all the divs so you don't need to position them
    <div id="header"></div>
    <div id="contentWrapper">
    <div id="leftCol"></div> for your menu
    <div id="content"></div> for your content ** In your code you have used float center it is left or right or none
    <div id="rightCol"></div> insert your facebook stuff this column
    <br class="clearFloat" />
    </div>
    <div id=[COLOR=rgb(0, 0, 0)]"footerContainer"></div>[/COLOR]
    </div>
    </body>

    I hope this helps

  6. #5
    Junior Member
    Join Date
    Feb 2011
    Posts
    5
    Member #
    26950
    re-writing the style sheets and your method seems to be working...thank you very much for your help surfbouy

  7. #6
    Member surfbouy's Avatar
    Join Date
    Dec 2010
    Location
    Noosa, Sunshine Coast, Queensland, Australia
    Posts
    46
    Member #
    25747
    Liked
    3 times
    Glad to hear it helped


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