Page 1 of 2 12 LastLast
Results 1 to 10 of 16
  1. #1
    Join Date
    Sep 2008
    Posts
    718
    Tokens
    0

    Default CSS position help.

    Need help positioning my div in my CSS layout.

    I cannot use...

    HTML Code:
    }
    #box {
        position:absolute;
        left:100px;
        top:100px;
    because, when the box expands, the background does not expand with it.

    I kind of explained that bad, but can anyone help me );?
    +.net - omg it's coming o_o

  2. #2
    Join Date
    Aug 2005
    Location
    Newcastle
    Posts
    1,417
    Tokens
    0

    Latest Awards:

    Default

    If you could explain better I could help. Do you have an online preview of your problem?
    If you dont have an online preview could you post your HTML and CSS?



  3. #3
    Join Date
    Jan 2008
    Posts
    3,711
    Tokens
    100

    Latest Awards:

    Default

    That code makes me want to sleep. Lol. Anyways, do you want to center it or what?
    If you want to center the box:
    .box {
    background-image: url(folder/image.png);
    width: 100px;
    height: 100px;
    margin: auto;
    }

  4. #4
    Join Date
    May 2006
    Location
    Hull
    Posts
    7,701
    Tokens
    2,430
    Habbo
    Moh

    Latest Awards:

    Default

    Explain it a little bit more please..

  5. #5
    Join Date
    May 2008
    Location
    Birmingham
    Posts
    307
    Tokens
    0

    Default

    just add
    background-repeat: repeat;
    Not hard :/

  6. #6
    Join Date
    Jan 2008
    Posts
    3,711
    Tokens
    100

    Latest Awards:

    Default

    Repeat what?

    background-repeat: repeat-x; (it goes down)
    background-repeat: repeat-y; (it fills the screen)

  7. #7
    Join Date
    Feb 2007
    Location
    Essex, England
    Posts
    1,392
    Tokens
    0

    Latest Awards:

    Default

    Quote Originally Posted by Meti View Post
    Repeat what?

    background-repeat: repeat-x; (it goes down)
    background-repeat: repeat-y; (it fills the screen)
    That is sooo wrong.

    Have you not done maths.

    repeat-x = repeat across the x-axis (horizontally)
    repeat-y = repeat across the y-axis (vertically)


  8. #8
    Join Date
    Jan 2008
    Posts
    3,711
    Tokens
    100

    Latest Awards:

    Default

    Oopppsss. Sorry, my bad

  9. #9
    Join Date
    Apr 2008
    Posts
    7
    Tokens
    0

    Default

    not sure what you mean but try

    overflow: hidden;

  10. #10
    Join Date
    Aug 2005
    Location
    Newcastle
    Posts
    1,417
    Tokens
    0

    Latest Awards:

    Default

    Quote Originally Posted by L?KE
    Quote Originally Posted by meti
    Repeat what?

    background-repeat: repeat-x; (it goes down)
    background-repeat: repeat-y; (it fills the screen)
    That is sooo wrong.

    Have you not done maths.

    repeat-x = repeat across the x-axis (horizontally)
    repeat-y = repeat across the y-axis (vertically)
    and to state the obvious "background-repeat: repeat;" repeats in both the x and y axis.
    Last edited by craigg.; 08-10-2008 at 06:53 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
  •