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 3 of 3

Thread: div help

  1. #1
    Regular Coder
    Join Date
    Jan 2004
    Location
    USA
    Posts
    364
    Thanks
    12
    Thanked 6 Times in 6 Posts

    div help

    Hi, im having a bit of trouble getting certain divs to go to the right place in the webpage.

    webpage

    css

    The "content" div should be centered, and be on the right of the menu. The "link" section should be on the right of the content section. Can anyone help me out on this problem? And on the bottom, there is a copyright bar, just like the bar under the logo. How can the copyright bar be placed on the bottom?

    Also, is there a way to prevent the links from moving when you mouse them over?

    Yes, you may have guessed, im not so good at css.
    Last edited by qwertyuiop; 02-13-2004 at 11:55 PM.

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    ColoRockyz
    Posts
    1,646
    Thanks
    1
    Thanked 0 Times in 0 Posts
    By just glancing at it, try float:left on all your boxes to fit it into the screen. For a fluid layout at different resolutions, use a percentage for width.

    menu float:left;width:25%
    maincontent float:left;width:50%
    links float:left;width:25%

    The menu links move because you've told them to go bold when hovered. You'll have to add padding to accomodate this.

    There are some basic 3 column models out there somewhere...you can always search here or on the web.
    Last edited by zoobie; 02-15-2004 at 06:21 PM.
    Zoobie or not Zoobie...That is the problem.
    <body onUnload="flush( ! )">

  • #3
    Regular Coder
    Join Date
    Jan 2004
    Location
    USA
    Posts
    364
    Thanks
    12
    Thanked 6 Times in 6 Posts
    Ok, I the layout is starting to look like the way it's supposed to.

    The only thing thats bothering me now is that when you resize the window horizontally (drag left and right), the link menu doesn't move with the main box... It stays 800px from the left edge. How can I position it so that when the page is resized, it's right edge stays in contact with the main box's inner right edge. Basically, it should be like the menu box (on the left), which stays there even when the page is resized.

    html

    css


  •  

    Posting Permissions

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