Page 2 of 2 FirstFirst 12
Results 11 to 18 of 18

Thread: CSS problem

  1. #11
    Join Date
    Jul 2007
    Location
    Swindon
    Posts
    990
    Tokens
    125

    Default

    <Br> or <p> it i doubt its possible in Css

  2. #12
    Join Date
    Dec 2006
    Posts
    521
    Tokens
    0

    Default

    Find:

    Code:
    #box {
    width: 600px;
    background-color: #ffffff;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    min-height: 600px;
    }
    Replace:

    Code:
    #box {
    margin: 0px auto 0px;
    min-height: 600px; /* NON IE 6 */
    width: 600px;
    position: relative;
    background: #FFFFFF;
    }
    
    * html #box {
    height: 600px; /* IE 6 ACCEPTS THIS AS MIN HEIGHT */
    }
    Should work if not i will repost a better code but this is the most effective !

    If its doesnt just add bottom: 0; to the #box then if that dont work i will post a tacky code that works

  3. #13
    Join Date
    Jul 2007
    Location
    Swindon
    Posts
    990
    Tokens
    125

    Default

    So you can actually do that via css thanks sygon thats helped me learn a little more too +rep

  4. #14
    Join Date
    Dec 2006
    Posts
    521
    Tokens
    0

    Default

    Crappy way is:

    (This is just a box not your box wewt)

    Code:
    body {
    background: #000000;
    height: 100%;
    min-height: 100%;
    margin: 0;
    }
    
    #box {
    height: 100%;
    bottom: 0px;
    position: absolute;
    width: 600px;
    background: #FFFFFF;
    }
    To center a absolute position its:

    Code:
    float: left;
    margin-left: -300px; /* HALF OF WIDTH WHICH IS 600 */

  5. #15
    Join Date
    Jun 2005
    Posts
    4,795
    Tokens
    0

    Latest Awards:

    Default

    Just add a height: 100%; to the body.

  6. #16
    Join Date
    Dec 2006
    Posts
    521
    Tokens
    0

    Default

    Quote Originally Posted by Tomm View Post
    Just add a height: 100%; to the body.
    That wouldnt work..

  7. #17
    Join Date
    Jun 2005
    Posts
    4,795
    Tokens
    0

    Latest Awards:

    Default

    Yes it does. If he wants the box to go the full height of the page.

    (View in IE, its a IE fix):

    http://www.usersystem.net/stretch_example.html

    http://www.usersystem.net/stretch_example_fixed.html

    Quote Originally Posted by Sygon.. View Post
    That wouldnt work..
    Last edited by Tomm; 09-09-2007 at 08:20 PM.

  8. #18
    Join Date
    Dec 2006
    Posts
    521
    Tokens
    0

    Default

    Yeh but he needs to my thing for IE (In firefox its completely different look wise) Because he has already defined 100% for body.

Page 2 of 2 FirstFirst 12

Posting Permissions

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