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 3 of 3
  1. #1
    Senior Member Tech0rz's Avatar
    Join Date
    Aug 2004
    Location
    Northwest, Eng
    Posts
    128
    Member #
    7314
    http://img274.imageshack.us/my.php?image=layout1rg.gif

    Here you can see the layout I have created. I've started the coding, but I don't think I'm going about it correctly (btw The colours are just to identify the different boxes).

    I used relative to position 2 boxes side-by-side, and when they were aligned, the space where they would of existed in the normal flow was still taken up. Why is that?

    How do you go about getting 2 or more divs along side eachother horizontally?

    If you could take the time, maybe if you're bored, PM me and you can help me over MSN. Alternatively, if someone could use 'Paint' and just write on how the boxes should be positioned correctly.

    Thanks in advance...

    Matt

  2.  

  3. #2
    Senior Member Trico's Avatar
    Join Date
    Feb 2004
    Location
    Nottingham, UK
    Posts
    894
    Member #
    5081
    The maroon and blue coloured boxes can be floated left and right respectively. The inner pale box would also need to be given a float value because the flow gets disrupted, for the very same reason you could use clear on the main header to maintain itís positioning.

    .box {

    float: left; /* or right */

    }

    #header {

    clear: both;

    }

  4. #3
    Senior Member Rince's Avatar
    Join Date
    Nov 2004
    Posts
    183
    Member #
    8318
    Stop thinking in rows and colums. With tables, everything need to line up with borders all in line. With css, you can be more creative than that.


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