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 8 of 8
  1. #1
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    I am trying to have a navigation div on the left and a main content div to the right of that, like "most" websites I would say.

    However the main content div always goes beneath the navigation div.

    I have tried variations of inlining the content div and floating the navigation.

    Any ideas?

  2.  

  3. #2
    Senior Member karinne's Avatar
    Join Date
    Dec 2003
    Location
    Aylmer QC Canada
    Posts
    1,607
    Member #
    4335
    Liked
    8 times
    add a float: left; to you #sidebar.

    and you also need some widths in there to make it all work
    [a web design portfolio - Currently NOT AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
    I'm also on: virb - facebook - twitter - flickr - del.icio.us

  4. #3
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    Meh I got there... thanks karinne.

  5. #4
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    Actually I am still having problems.. now the navigation div is beloe the content..

    css : http://laurencekirk.info/includes/style.css
    html: http://laurencekirk.info/index.htm

  6. #5
    Member
    Join Date
    Dec 2005
    Posts
    92
    Member #
    12042
    just try re-arranging you div's in your html

  7. #6
    Member
    Join Date
    Jan 2004
    Posts
    62
    Member #
    4758
    In the style of the DIV (ex. "DIV style="text-decoration: none; ...") you should type in "z-index: 1;" and in the style of the other DIV you should type "z-index: 2;"

    You don't need a z-index on every div either. Just the ones you want to layer. The lower the number the lower it will be in the stack of layers.

    z-index: 1 is under z-index 2
    z-index: 2 is under z-index 3

    It would look something like this:
    Code:
    <DIV style="color: blue; position: absolute; top: 9% left: 9%; z-index:1;">This is z-index 1</DIV>
    <DIV style="color: red; position: absolute; top: 9% left: 9%; z-index:2;">This is z-index 2</DIV>
    - flipjargendy

  8. #7
    Senior Member igeek's Avatar
    Join Date
    Oct 2005
    Posts
    202
    Member #
    11644
    there is a spelling error in the .sidebar class
    you spelled flost:left instead of float:left

  9. #8
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    Yeah thanks everyone.


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