FF css help please! - rep given

Discussion in 'CSS' started by Funk-woo10, Sep 24, 2008.

  1. #1
    Hi all,

    In FF the right side bar does not align correctly in FFox.

    Rep given to the person that corrects this.

    Site is games site in my sig.
     
    Funk-woo10, Sep 24, 2008 IP
  2. Funk-woo10

    Funk-woo10 Peon

    Messages:
    1,109
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Any one got any help, it works ok in I.E (damn thing)

    Im stumped on this right now ! ahhh
     
    Funk-woo10, Sep 24, 2008 IP
  3. rikun

    rikun Peon

    Messages:
    85
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Did you fix it? I don't really see any misalignments. How would you like aligned?
     
    rikun, Sep 24, 2008 IP
  4. Funk-woo10

    Funk-woo10 Peon

    Messages:
    1,109
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    0
    #4
    its only in firefox. thr right side bar on most pages is way down the page!
     
    Funk-woo10, Sep 24, 2008 IP
  5. rikun

    rikun Peon

    Messages:
    85
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I wanna say that it has something to do with the javascript...I like to blame things on javascript. Only the trophies page seems to be doing it for me, but if I refresh the page or set the float from right>none>right again in firebug, the nav does the proper alignment.
     
    rikun, Sep 24, 2008 IP
  6. Funk-woo10

    Funk-woo10 Peon

    Messages:
    1,109
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    0
    #6
    hmm i dont think its the JS, i hate JS so i wish it was lol...sorry what are you changing in the css ? rightside or leftside ?
     
    Funk-woo10, Sep 24, 2008 IP
  7. rikun

    rikun Peon

    Messages:
    85
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I was changing the rightside in firebug. I really don't understand why it would be okay from just re-setting the float property.
     
    rikun, Sep 24, 2008 IP
  8. Funk-woo10

    Funk-woo10 Peon

    Messages:
    1,109
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    0
    #8
    its weird...ant other suggestions people! reps at stake!
     
    Funk-woo10, Sep 24, 2008 IP
  9. buzzmaker

    buzzmaker Peon

    Messages:
    103
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #9
    It is the CSS. I haven't had much time to drill down the html and css but I can tell you for sure that it is related to
    1) either the float property you are using (leftside is float:left; and rightside is float:right;) along with the placement of the html code in the html document (i.e. positioning leftside code bloack before rightside code etc...)

    or

    2) The width of the Leftside and Rightside. One of the elements width is causing the leftside ot the rightside to add more width to it which results FF rendering both blocks one below the other. While checking this, don't just check the "width:" property, but also check the left, right paddings and margins. Padding, Margins also add to the total width.

    The 2nd point above has more probability for causing this issue than the 1st point.
     
    buzzmaker, Sep 24, 2008 IP
  10. Funk-woo10

    Funk-woo10 Peon

    Messages:
    1,109
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    0
    #10
    nope still cant get it to work... i have tried looking for widths and padding im dying here slowly !

    Any css expert can help ! Im sure its something so simple, im just overlooking it.
     
    Funk-woo10, Sep 25, 2008 IP
  11. buzzmaker

    buzzmaker Peon

    Messages:
    103
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #11
    Ok. The best part is when I downloaded your files on my local machine and run it in FF, it looked fine!
    I will take a closer look at it sometime later.

    As you said it is something very simple, and I am sure its width. If not the Widths from css, it could be the widths of the images thats causing this. Because I didn't download the images in your page and it worked perfectly.

    Thanks.
     
    buzzmaker, Sep 25, 2008 IP
  12. Funk-woo10

    Funk-woo10 Peon

    Messages:
    1,109
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    0
    #12
    In firefox ?

    It doesnt work as of now ! So anoying..sometimes it changes on refresh lol
     
    Funk-woo10, Sep 25, 2008 IP