SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    Employed Again Viflux's Avatar
    Join Date
    May 2003
    Location
    London, On.
    Posts
    1,127
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Calling CSS Guru's

    I've searched far and wide...

    I need a div where...
    - contents are vertically aligned to the bottom
    - fixed width and height
    - overflow of contents gives scrollbars
    - focus stays at the bottom as text is added to it


    Thoughts?

  2. #2
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.

  3. #3
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    something like this ?
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>12345 12345 12345 12345 12345</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    	<style type="text/css">
    	html,body{height:100%;}
    	*{margin:0;padding:0;}
    	body{font-size:75%;}
    	div{font-size:1em;}
    	.x{width:64em;background:#ffffcc;margin:0 auto;}
    	* html .x{height:100%;}
    	head+body .x{min-height:100%;}
    	.y{width:64em;height:10em;background:#ccffcc;margin:-10em auto;overflow:auto;}
    	
    	.x p,.y p{padding:.5em;}
    	</style>
    	<script type="text/javascript">
    
    	</script>
    </head>
    <body>
    <div class="x"><p>content</p></div>
    <div class="y">
    <p>
    03 2006<br />
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    </p>
    <p>
    02 2006<br />
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    </p>
    <p>
    01 2006<br />
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    </p>
    <p>
    12 2005<br />
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    </p>
    <p>
    11 2005<br />
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    test text test text test text test text test text test text test text test text 
    </p>
    </div>
    
    </body>
    </html>

  4. #4
    Employed Again Viflux's Avatar
    Join Date
    May 2003
    Location
    London, On.
    Posts
    1,127
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hmm.

    Thanks for the attempts.

    I think I've come to the realization that I'll need JS to do what I want.

    Thanks anyways!

  5. #5
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.

  6. #6
    Employed Again Viflux's Avatar
    Join Date
    May 2003
    Location
    London, On.
    Posts
    1,127
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That's fine, I don't care about them


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
  •