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.
    If you are using PHP please use the [PHP] and [/PHP] forum tags for highlighting...
    The same applies to HTML and the forums [HTML][/HTML] tags.

  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.
    Matt Sparks - Freelance Web Design
    http://www.mattsparks.com

  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