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.
Results 1 to 9 of 9
  1. #1
    New to the CF scene
    Join Date
    May 2006
    Location
    Samobor, Croatia
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Repeating background image - FF

    Hi,

    example:

    #back{
    width:800px;
    background-image: url(images/menu-pozadina.jpg);
    background-repeat: repeat-y;
    background-position: left top;
    }

    #content{width:550px;float:left;}

    <div id="back">
    <div id="content">Content</div>
    </div>

    Why i can't see background image in FF?

  • #2
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    try adding a height

  • #3
    Regular Coder kewlceo's Avatar
    Join Date
    Mar 2006
    Location
    California, US
    Posts
    484
    Thanks
    1
    Thanked 3 Times in 3 Posts
    A <DIV> will only be as high as the content within it unless you specify otherwise, as Ranger pointed out. Another consideration: is your CSS embedded or in a separate file? For instance, my stylesheets are in a different directory than my HTML, so when I refer to my "images" folder from my stylesheets, I will do so as follows:

    Code:
    background-image: url(../images/menu-pozadina.jpg);
    UBERHOST.NET
    Shared, reseller, semidedicated hosting and dedicated server plans.
    DirectAdmin • Installatron • Money-Back Guarantee • 24/7 Support
    Providing "Service Above All Else" since 2005.

  • #4
    Regular Coder
    Join Date
    Feb 2006
    Posts
    270
    Thanks
    0
    Thanked 0 Times in 0 Posts
    just to say hi ( or bok ..and omg you noob)
    ..and that shoulda work, even wo height, but only as bg for that only word you have in
    if you cant se it at all, somethings wrong with your path (or just try to refreash)

    link to example?

  • #5
    New to the CF scene
    Join Date
    May 2006
    Location
    Samobor, Croatia
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Its not problem in image path, im sure. It working in IE, but not in FF.

    I will try to explain again.

    I want 2 column layout, left is navigation, right is content, and i want that navigation div has 100% height as content, so i did another div to set background that will strech as content div, div "back":

    <div id="back">
    <div id="navigation">Navigation - 200px</div>
    <div id="content">Content - 600 px</div>
    </div>

    I don't have this online yet.

    just to say hi ( or bok ..and omg you noob)
    Bok. And you are?

  • #6
    New to the CF scene
    Join Date
    May 2006
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    firefox doesn't know how to correctly use 'top left', 'bottom left', 'top right', etc, when it comes to background-position.

    try using background-position: 100% 0;

    ******************************************

    i just realized what your trying to do...
    you're using floats without clears. try this:

    Code:
    <div id="back">
    <div id="navigation">Navigation - 200px</div>
    <div id="content">Content - 600 px</div>
    <div style="clear:both;"></div>
    </div>
    IE auto clears things....

  • #7
    Regular Coder
    Join Date
    Feb 2006
    Posts
    270
    Thanks
    0
    Thanked 0 Times in 0 Posts
    well, sorry if im stating the obvious, but could it be you havent cleared after float? FF wont extend parent around floated child, while IE will..try adding some bg color or some borders to your divs to see how far they go


    [oT] i think i know you from mi3dot..i use same nick here and there, most active on client-side..new there tho, but ive read your seo tuts and all..respect [/oT]

  • #8
    New to the CF scene
    Join Date
    May 2006
    Location
    Samobor, Croatia
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i forget to clear it works now just fine.

    thanks:

    coolaid
    orcrist
    kewlceo
    Ranger56



    [ot]i hope it help i don't see SEO forum here [/ot]
    Last edited by seohr; 05-01-2006 at 08:23 PM.

  • #9
    Senior Coder
    Join Date
    Feb 2003
    Posts
    1,665
    Thanks
    0
    Thanked 27 Times in 25 Posts
    Quote Originally Posted by coolaid
    firefox doesn't know how to correctly use 'top left', 'bottom left', 'top right', etc, when it comes to background-position.
    That's news to me. I've never had any issues with FF mishandling backgrounds positioned using keywords (for both values).

    Got any more info?


  •  

    Posting Permissions

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