Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16
  1. #1
    New Coder
    Join Date
    Jul 2005
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy for the love of css... help

    will someone help me!

    i've been working on this site for a few days now, everything is pretty much in place for the major things, but i cannot for the life of me get the background to extend to 100% of the page, it stops after about 80%

    its just a simple horizontal jpg that repeats, but for some reason just stops at a certain place. Can someone please show me my error to get this to extend to the bottom of the page?

    ( html )
    http://www.faceinacrowd.com/site/

    ( css )
    http://www.faceinacrowd.com/site/styles.css

    ( css - menu )
    http://www.faceinacrowd.com/site/menu.css

    thanks in advance
    Last edited by adamsimms; 07-06-2005 at 10:47 PM.

  • #2
    Regular Coder
    Join Date
    Dec 2002
    Location
    a bit west of pittsburgh
    Posts
    236
    Thanks
    1
    Thanked 0 Times in 0 Posts
    would you be able to put the entire site in a div, width 584px?
    it seems to me that it would generate the same effect.

  • #3
    New Coder
    Join Date
    Jun 2005
    Location
    London
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ignore me I hadn't thought it through
    Last edited by Beeper; 07-06-2005 at 10:27 PM. Reason: Being more thoughtful
    Never argue with an idiot.
    They just drag you down to their level...
    ...and beat you with experience.


    -----------------------------------------

    That which is static and repetitive is boring.
    That which is dynamic and random is confusing.
    In between lies art.

  • #4
    New Coder
    Join Date
    Jul 2005
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by joeframbach
    would you be able to put the entire site in a div, width 584px?
    it seems to me that it would generate the same effect.
    what do you mean by put the entire site in a div? I currently ( in the html ) have the entire site within the background div, check the html. But its still not doing anything... im kinda new at this, i've had a little experience in CSS but this is the first time i've done a completely tableless design...

    please someone,,, anyone... help me... aide-moi!

    thanks
    ~Adam

  • #5
    Regular Coder
    Join Date
    Dec 2002
    Location
    a bit west of pittsburgh
    Posts
    236
    Thanks
    1
    Thanked 0 Times in 0 Posts
    i hadnt thought it through either so you may want to ignore me as well.

    if the complete content of the site is wrapped in that div, then if you just get rid of the height in the css, it'll extend to the end of the content, right?

    try it without specifying height:100%

  • #6
    New Coder
    Join Date
    Jul 2005
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by joeframbach
    i hadnt thought it through either so you may want to ignore me as well.

    if the complete content of the site is wrapped in that div, then if you just get rid of the height in the css, it'll extend to the end of the content, right?

    try it without specifying height:100%

    the background doesnt show up at all if i do that...

  • #7
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    What is the background image that should be repeating? Why are you using absolute positioning to center elements? If its a block level element like a div then you can just use margin:auto; I think you are going about the CSS the wrong way but you are just beginning so its fine. The absolute positioning is likely causing the problem. You need to declare a height for the absolute positioning which is why its not good to use for a container if you know your content will be changing.

  • #8
    New Coder
    Join Date
    Jul 2005
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by _Aerospace_Eng_
    What is the background image that should be repeating? Why are you using absolute positioning to center elements? If its a block level element like a div then you can just use margin:auto; I think you are going about the CSS the wrong way but you are just beginning so its fine. The absolute positioning is likely causing the problem. You need to declare a height for the absolute positioning which is why its not good to use for a container if you know your content will be changing.
    bg.jpg should be repeating

  • #9
    New Coder
    Join Date
    Jul 2005
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i think i got it from what you said... i changed absolute to relative on one... and then it extended down...

    but it seems as if there is a 1px on the bottom, anyone else see it?

  • #10
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Yeah I see it. A div cannot extend the entire height of the page using height:100%; I thought maybe an extra margin somewhere, but can't seem to find that.

  • #11
    Regular Coder
    Join Date
    Dec 2002
    Location
    a bit west of pittsburgh
    Posts
    236
    Thanks
    1
    Thanked 0 Times in 0 Posts
    i honestly wouldn't have noticed that extra 1px. don't worry about it, it looks fine.

    although, i spotted one more problem. the opening quotation marks around the blue box, in IE, is off by a dozen pixels or so. it's okay in firefox, so just slap one of these on the page and you're set!

  • #12
    New Coder
    Join Date
    Jul 2005
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by joeframbach
    i honestly wouldn't have noticed that extra 1px. don't worry about it, it looks fine.

    although, i spotted one more problem. the opening quotation marks around the blue box, in IE, is off by a dozen pixels or so. it's okay in firefox, so just slap one of these on the page and you're set!

    thanks!... yeah im doing the debugging in firefox... i need this to work in IE also, how can i make the expection changes for IE, i know its possible, but how? something !important?

  • #13
    New Coder
    Join Date
    Jul 2005
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by adamsimms
    thanks!... yeah im doing the debugging in firefox... i need this to work in IE also, how can i make the expection changes for IE, i know its possible, but how? something !important?

    i managed to fix this also...

    if you apply "_property : value;' it will be ignored in firefox but will work in IE... example:

    #qtop {
    vertical-align : top;
    position : absolute;
    _margin-left : -12px; /* IE exception */
    }

    #qcontent {
    text-align : justify;
    font-style : italic;
    background : #c1cfd7;
    width : 259px;
    _width : 257px; /* IE exception */
    margin-left : 12px;
    padding-left : 15px;
    padding-right : 15px;
    }

  • #14
    Regular Coder
    Join Date
    Dec 2002
    Location
    a bit west of pittsburgh
    Posts
    236
    Thanks
    1
    Thanked 0 Times in 0 Posts
    wow. i've never heard of that before. odd.

    how about the three-part menu at the top? in IE, the text is jumbled together.
    Code:
    top : 15px;
    _top: 20px;
    Last edited by joeframbach; 07-07-2005 at 05:14 PM.

  • #15
    New Coder
    Join Date
    Jul 2005
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by joeframbach
    wow. i've never heard of that before. odd.
    thanks... fixed now

    this is where i found the resource:
    http://centricle.com/ref/css/filters/
    Last edited by adamsimms; 07-07-2005 at 05:23 PM.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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