Print Reseller Scheme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Strange thing happening in the footer..

Discussion in 'Website Design Forum:' started by chrismitchell, Jan 20, 2010.

Thread Status:
Not open for further replies.
  1. Can anyone tell me why the footer looks good on Safari on my Mac and IE and Firefox on my Parallels on my Mac, but on a PC it throws itself right by 40px or something like that... seems very odd.. (and yes its all built in Wordpress :D)

    WCA2012 | Buenos Aires | March 25 - 30, 2012

    thanks in advance everyone :D
  2. Tom Sound

    Tom Sound Active Member

    Don't know why ( there's a surprise) but thought I'd let you know it's to the right on my mac in firefox too...

  3. hmmm even strangerer... I must have some sort of margin-right or something set incorrectly, I just don't know where :confused:
  4. Tom Sound

    Tom Sound Active Member

    must be in the hoojamaflip hth :D
  5. i always blame the thingamibob :lol:
  6. Tom Sound

    Tom Sound Active Member

    that's where you're going wrong, have a look behind the whasissname and you'll find it

  7. Anon.

    Anon. Senior Member

    Good advice from Tom there, remember, It's always in the last place you look :lol:

    Just so you know and to confuse you a little more, it's to the right in Safari on my Mac.
  8. oh for f***s sake :( It looks ok on mine :( boooooo :(

    Ok need Harry to come along and tell me how to fix this :)
  9. Tom Sound

    Tom Sound Active Member

    Sounds like the problem is your mac, you should get a new one and try that.

    As an aside, I can't wait till the Avatars change in Feb, apart from Anon's above this is one scary thread! :D
  10. furto

    furto Member

    I think you should remove the 370px margin-left on it and instead put the footer inside the container. Im pretty sure this will fit the problem.
  11. mike_watts

    mike_watts Member

    For some reason the images in the footer are fixed so it appears to the right in firefox, mac too.

    I had a quick look at your css in firebug and I'm afraid things are screwed and you'll need to go back and sort it out: use this as a basis Andy Budd::Blogography: CSS Crib sheet #3 - Centering a Div and give your #main and #footer div the same values as the wrapper in the example (changing the width to your desired width), and then go through the other elements and take off all the funny margins and paddings that are there.

    I'd also suggest removing all paddings that you have at the mo and instead position things with just margins and position:relative and position:absolute, look at this especially point 4: Learn CSS Positioning in Ten Steps: position static relative absolute float using a container with position set to relative you can then set the inner element with position absolute and have it positioned anywhere in that container - very useful!

    I recommend using firebug for doing this it will make life easier for you.
  12. rsdesigner

    rsdesigner Junior Member

    Ahh welcome to the world of web building, doesn't it suck. I have the margin in Safari on the mac but the footer is in an absolute position the rest of the page appears to have an auto margin left and right (centred). resize your browser window and you will see. The footer needs the same float properties as the rest of the page.
  13. Ok done the 370px margin.. any better?
  14. mike_watts

    mike_watts Member

    no! It's right royally ****ed!
  15. thanks Mike :p :lol:

    It seems to be a bit better at least on my firefox.. but for some reason, when I pull the window of the browser larger and smaller the footer stays in one place but the rest moves... what the hell have i done :confused:

  16. mike_watts

    mike_watts Member

    I know, somehow it's like it's got fixed positioning on it but it hasn't. You can fix it by this:
    in style.css:

    body {

    #main {
    margin:0 auto;

    #footer {
    margin:0 auto;

    .container {

    #header {

    .mini_portfolio_item {

    This will get you to a point, it will bugger up some other things but they are minor things compared to how it was. Do that then I'll help you fix the rest if you want
  17. Ok I think i've fixed it :D thanks for the help Mike :D
  18. mike_watts

    mike_watts Member

    You the man! pleasure to help - pats on the backs all round
  19. Very happy with that.. can someone see if it works in IE7 as I just tested IE7 and IE6 and they looked wrong.. does this mean i'll have to build ruddy IE specific css files?
  20. tim

    tim Senior Member

    lookin good on my mac (i didnt read after post 6 so you may already know that :p)
Thread Status:
Not open for further replies.

Share This Page