Results 1 to 7 of 7
  1. #1
    redesigning my website.
    iPod Nano's Avatar
    Member Since
    May 15, 2009
    Posts
    1,096
    Specs:
    White MacBook. iLife '09. iWork '09. Mac OS X 10.6
    redesigning my website.
    Hello all. I am trying to redesign my website which I originally created with frames. I want to have a header that STAYS at the top of the page when you scroll down, but everything else scrolls. This is the effect I got with frames, but is it possible with iFrames? I thought that's what would happen, but I found that the whole page scrolls.
    Chris K.

  2. #2
    redesigning my website.
    Raz0rEdge's Avatar
    Member Since
    Jul 17, 2009
    Location
    MA
    Posts
    8,184
    Specs:
    27" i7 iMac, 24" iMac, 13" Macbook Air, iPhone 5 & 5S, iPod Nano 7th Gen, iPad 2 16GB WiFi, iPad 3
    You can create the same effect with just simple CSS. I loathe farmes, iframes and the rest..just messes up pages to no end.

    Fixed header shows how to fix any part of the website (header, sidebar on either sides, and footer). Where possible always use CSS to layout your websites, this will GREATLY simplify your HTML code and allow you to make changes to layout by manipulating the CSS file easily..

    Regards

  3. #3
    redesigning my website.
    iPod Nano's Avatar
    Member Since
    May 15, 2009
    Posts
    1,096
    Specs:
    White MacBook. iLife '09. iWork '09. Mac OS X 10.6
    Hmm, CSS is not my strongpoint, but I'll try it.
    Chris K.

  4. #4
    redesigning my website.

    Member Since
    Feb 26, 2009
    Posts
    20
    This is a barebones template for you. You would need to change heights and widths. The wrapper has a relative position so that if you use an absolute position inside any of the divs, they will be absolute to the wrapper and not the body.

    CSS:
    Code:
    /* GLOBAL */
    body {margin:0px;}
    .wrapper {margin:0 auto;padding:0;position:relative;width:960px;}
    div#hrd {height:300px; }
    div#subBody {height:600px; overflow:scroll;}
    HTML:
    Code:
    <body>
    <div class="wrapper">
        <div id="content">
             <div id="hdr">Header goes here</div>
             <div id="subBody">Scrollable content</div>
        </content>
    </div>
    </body
    16GB iPhone
    17" MacBook Pro 2.93, 320@7200, glossy
    http://www.bryanborst.com

  5. #5
    redesigning my website.
    Raz0rEdge's Avatar
    Member Since
    Jul 17, 2009
    Location
    MA
    Posts
    8,184
    Specs:
    27" i7 iMac, 24" iMac, 13" Macbook Air, iPhone 5 & 5S, iPod Nano 7th Gen, iPad 2 16GB WiFi, iPad 3
    Quote Originally Posted by iPod Nano View Post
    Hmm, CSS is not my strongpoint, but I'll try it.
    Understood, but know that XHTML/CSS is THE way of laying out webpages these days. Visit any website and take a peak at the sources and you'll see a number of CSS files being loaded to handle layout. The number of things you can do with CSS and the latest generation of browsers is absolutely amazing. So it's definitely a worthwhile thing to learn since it's no fad..

    Regards

  6. #6
    redesigning my website.
    iPod Nano's Avatar
    Member Since
    May 15, 2009
    Posts
    1,096
    Specs:
    White MacBook. iLife '09. iWork '09. Mac OS X 10.6
    Hi all. Sorry to reactivate an old thread. Finally I am making an attempt to do this with a fixed header. I'm not quite sure what it is that I'm doing wrong. I have pasted the above CSS code into the top of my style sheet and the HTML code into my HTML page. What's the problem? All I get is my header text (not in a header) and my content text below it.

    Appreciate any and all help.
    Chris K.

  7. #7
    redesigning my website.
    iPod Nano's Avatar
    Member Since
    May 15, 2009
    Posts
    1,096
    Specs:
    White MacBook. iLife '09. iWork '09. Mac OS X 10.6
    Anyone?
    Chris K.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Whats A good Website Hosting website
    By MacKid6693 in forum Web Design and Hosting
    Replies: 8
    Last Post: 03-16-2010, 11:50 AM
  2. expected cost of redesigning of website?
    By tapan in forum Web Design and Hosting
    Replies: 5
    Last Post: 02-23-2007, 01:47 PM
  3. First Website
    By Matt in forum Web Design and Hosting
    Replies: 6
    Last Post: 09-24-2004, 10:36 PM
  4. What is that website...
    By Orange in forum Schweb's Lounge
    Replies: 5
    Last Post: 09-19-2004, 08:20 AM

Posting Permissions

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