dcsimg
www.webdeveloper.com
Results 1 to 5 of 5

Thread: [RESOLVED] Expanding div issues

  1. #1
    Join Date
    Jan 2009
    Location
    <body></body>
    Posts
    2

    resolved [RESOLVED] Expanding div issues

    Hello everyone!

    I'm having some issues with divs (tables were easier - although not the way forward...)

    Firstly, this is what I have:
    HTML Code:
    <div id="wrapper">
    	
        <div id="header">
        <img src="images/header.jpg"/>    </div>
        
        <div id="content">
        </div>
        
        <div id="footer">
        <img src="images/footer.jpg" />
        </div>
        
    </div>
    Now what I want Is for #footer to always be at the bottom of #wrapper (which has a height of 300px).
    And #content should push #footer down depending on the content of that page...
    Could someone please tell me if it is possible for a div to push another down, and if its possible for a div to be at the bottom of another div?

    Thank you in advance!

  2. #2
    Join Date
    Jun 2003
    Location
    here
    Posts
    4,551
    footer will always be at the bottom of wrapper, that's the way the box model works.

  3. #3
    Join Date
    Dec 2008
    Location
    Denver, Colorado
    Posts
    389
    There are 2 ways I know of:

    faux column: http://www.alistapart.com/articles/fauxcolumns/

    and

    the holy grail: http://www.alistapart.com/articles/holygrail/

  4. #4
    Join Date
    Nov 2008
    Location
    Lexington
    Posts
    48
    Yeah, you're going to have to go with the good ole holy grail.

  5. #5
    Join Date
    Jan 2009
    Location
    <body></body>
    Posts
    2
    Thank you for your replies!
    I was able to fix the issue and the layout is fine now, Im just having a few functional problems with css rollovers in IE... I think IE sux!

Thread Information

Users Browsing this Thread

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

Posting Permissions

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



Recent Articles