layout problem

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • mikeinspain
    New Member
    • Jan 2007
    • 21

    #1

    layout problem

    Hi All

    I am having trouble with a particular site and I am now really struggling to fix it..

    The url is http://www.ifa-properties.com . My footer is on both Safari and FF displaying outside of the div? I think and I can't seem to get it back.

    Both the main index page and css validate

    Only one of my pages is displaying the footer correctly and that is http://www.ifa.properties.com/search.php

    The footer is a php include, but this is the first problem that I have run into!

    I know it is a simple mistake, but just can't quite figure out what I have done wrong!!

    Incidentally, I have 2 other sites - http://view2turkey.com and view2spain.com that display correctly using the same code, but on different servers?

    Any help appreciated.

    Thanks Mike
  • Dormilich
    Recognized Expert Expert
    • Aug 2008
    • 8694

    #2
    Originally posted by mikeinspain
    Only one of my pages is displaying the footer correctly and that is http://www.ifa.propert ies.com/search.php
    because there you defined the width of the footer div.
    Originally posted by mikeinspain
    Incidentally, I have 2 other sites - http://view2turkey.com and view2spain.com that display correctly using the same code, but on different servers?
    this is wrong. on those sites the footer is placed inside the container div, while on the first two it is not.

    Comment

    • mikeinspain
      New Member
      • Jan 2007
      • 21

      #3
      Dormilich thanks

      What would you suggest? Is there a better way to do what I am doing?

      Quite happy to listen to advice especially if it makes things better/easier..

      How would I define the div width on the incorrect page?

      Comment

      • Dormilich
        Recognized Expert Expert
        • Aug 2008
        • 8694

        #4
        Re: layout problem

        Originally posted by mikeinspain
        How would I define the div width on the incorrect page?
        there seem to be some corrections made since I was last there, but I'd say copy the margin from container div (line 10) to the footer div (line 190) in main.css.
        Another possibility is to put the footer div inside the container div (but then you have to check the margin/padding).

        note: I find the Firebug plugin (FF) very useful for this kind of stuff, because it can display to you the applied CSS of any DOM node in your page.

        Comment

        • mikeinspain
          New Member
          • Jan 2007
          • 21

          #5
          Originally posted by Dormilich
          there seem to be some corrections made since I was last there, but I'd say copy the margin from container div (line 10) to the footer div (line 190) in main.css.
          Another possibility is to put the footer div inside the container div (but then you have to check the margin/padding).

          note: I find the Firebug plugin (FF) very useful for this kind of stuff, because it can display to you the applied CSS of any DOM node in your page.

          Thank you, thank you, thank you.. that seems to have done the trick... :-)

          Mike

          Comment

          Working...