SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Wizard johnn's Avatar
    Join Date
    Mar 2001
    Location
    Southern California, USA
    Posts
    1,181
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Align 3 small boxes inside a big box

    Hello,
    I use div to create a large box. Inside this box, I have 3 small boxes (divs) with different heights. How do I align these 3 boxes at the bottom of the large box? In another situation, can I align each box different from each other inside the large box?

    I am thinking about using ABSOLUTE, but is there a way to let these small boxes to flow naturally left to right inside a big box while align them (top,center,bottom or by some px) without using ABSOLUTE?

    Thanks,
    John
    Last edited by johnn; Jun 26, 2002 at 00:47.

  2. #2
    SitePoint Evangelist
    Join Date
    Oct 2001
    Posts
    439
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hi there,
    I am not sure if you have already solved this or not.....

    but anyway, I could only do this using absolute.......so here are a couple of quick versions I did with boxes aligned on bottom and with bottom, center and top.......

    hope that helps........

    http://theinternetproject.com/css/layout10.htm

  3. #3
    SitePoint Wizard johnn's Avatar
    Join Date
    Mar 2001
    Location
    Southern California, USA
    Posts
    1,181
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks mvd,they look very good. So that means the 3 small boxes will align ok inside a parent big box. I haven't tried yet, but do you think the 3 small boxes will follow their parent big box ok whatever the type of parent big box it is such as static, absolute, relative or fix? If ok, then "absolute" is absolute but it depends on its container.


    Thanks again. Your sample will come handy in my websites.
    John

  4. #4
    My precious!!! astericks's Avatar
    Join Date
    Mar 2002
    Location
    Vancouver, BC
    Posts
    1,971
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)


Bookmarks

Posting Permissions

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