SitePoint Sponsor

User Tag List

Results 1 to 9 of 9

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Apr 2002
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    i need help... pleasssse (STILL NEED HELP!!)

    okay...
    here's the deal..
    i've got this web page i'm making.. and the idea is to have a top div and a bottom div that are 65px high... and for it all to be 500px wide.. and in the middle, i want to have all the text, or whatever i want to use the whole overflow function so that i can have all the content in the middle, as if there were frames... having trouble though, very new to css.. but i like it and i wanna stick with it... please somebody help!! i'm desperate...

    and here's my page... so you can see how i messed up..
    html - http://www.sleepyman.com/dinnertime/content.html
    css - http://www.sleepyman.com/dinnertime/dinner.css.txt

    thank you!
    *alex
    Last edited by ineedhelpwithcss; Apr 19, 2002 at 11:10.

  2. #2
    SitePoint Member
    Join Date
    Apr 2002
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    27 people, and no one has any idea??? someone should know!! :]

  3. #3
    SitePoint Wizard
    Join Date
    Oct 2001
    Location
    Tucson, Arizona
    Posts
    1,858
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Last edited by mattjacob; Apr 20, 2002 at 00:58.

  4. #4
    SitePoint Member
    Join Date
    Apr 2002
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    wow... thanks a lot.. but i was wondering if there's a way to do it automatically.. so that whole thing is 100% high inside the browser.. so then, no matter the screen size on the computer, it's always snug against the top and bottom... know what i mean?
    *alex

    now what i'm working with thanks to matt:
    http://www.sleepyman.com/dinnertime/testing.html
    Last edited by ineedhelpwithcss; Apr 19, 2002 at 09:21.

  5. #5
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    add a margin:0px to your body CSS.

    Sketch
    Aaron Brazell
    Technosailor



  6. #6
    SitePoint Member
    Join Date
    Apr 2002
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    it already has a margin of 0px.. i want to make it so that the total height is 100% of the browser... and if you were to adjust the browser size.. it'd adjust with it...
    Last edited by ineedhelpwithcss; Apr 19, 2002 at 11:29.

  7. #7
    SitePoint Member
    Join Date
    Apr 2002
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here's something that sort of works: http://www.digital-hearth.com/help/boxes.html

    The page is fluid, however, the top and bottom boxes are also fluid and are not 65px fixed, as you wanted. But maybe this will give you a few ideas as to how you might be able to get a page like this working. Check out the source, I just added a div which has a height of 100%. Within this box are the 2 small boxes with heights of 10% each and the main content box with a height of 80%. Adds up to 100%.
    The page aligns left in Internet Explorer (center aligned in mozilla, netscape, and opera), but I'm sure that you know how to fix that and make the page centered. Anyway, hope this helps, even if only a tiny bit.
    Alex

  8. #8
    SitePoint Wizard
    Join Date
    Oct 2001
    Location
    Tucson, Arizona
    Posts
    1,858
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by zizekian
    but I'm sure that you know how to fix that and make the page centered.
    All you've got to do is set IE into standards mode by adding a DOCTYPE.

  9. #9
    .net install meltdown
    Join Date
    May 2001
    Location
    View Ridge
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    inhwc,

    Until browsers support the margin-bottom property better, an adoptation of z's method is probably your best solution. Try experimenting with absolute & relative heights for the different <div>'s for the look you want (or can live with).

    Originally posted by mattjacob

    All you've got to do is set IE into standards mode by adding a DOCTYPE.
    Does that work in IE 5.x or just 6.0? I can't get it to work in IE5.5. Do only certain doctypes work?


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
  •