FOOTER not displayed correctly Topic is solved

[aivanovas]

Hi everyone, can you help me to configure the FOOTER. Because in my website with internet explorer 6 it was displayed correctly but with IE7 it looks different for every page. you can check it on web page www.pandasoftware.lt the home page displaying OK, but the rest of them looks very bad, becaue the footer dont move down, but stay in the middle. If anyone had such problem before, please give me advice. Tanks in advance

[Dr.CSS]

Have you tried clear:both in the footer style....

[aivanovas]

What do you mean by, clear both in footer style? 

[aivanovas]

Mark, can you give example on how it should be, because I tried o type clear: both; before the footer text, but it never worked. Thank you

[Dr.CSS]

You have a style sheet called Layout attached to the template, go to 'Layout > Templates' and which ever template you are using across from it you will see an orange CSS button click that and you will see the style sheets attached to it click one called Layout in here find...

/* SITE SPECIFIC LAYOUT */
    body {
        margin: 0;

        text-align: center;
    }
    div#pagewrapper {
        margin: 0;
        text-align: left;
    }
    #container {

margin: 0;
    }
   
    /* HEADER */
        div#header {
            background:  url(uploads/images/header.jpg) no-repeat;
            height: 46px;
            text-indent: -700em;
            margin: 5px;
            padding: 0;
            text-align: left;


/*          height: 46px;
            padding: 0;
            margin: 5px;
            background: #ffffff;         
            text-align: left;
            float: left;
            display: inline; */


        }



        div#text {
            float: left;
            width: 18%;
            display: inline;
            font-size: 85%;
        }

        div#header h1 a {
            background:  url(uploads/images/header.jpg) no-repeat;
            display: block;
            height: 46px;
            width: 80%;
            text-indent: -700em;
            margin: 5px;
            padding: 0;
            text-decoration:none;
        }


    /* END HEADER */
   
   
    /* CONTENT */
        div#content {
            margin: 0px;
        }
       
        /* MAIN */
            div#main {

            }
        /* END MAIN */
       
        /* SUB */
            div#sub {
               
            }
        /* END SUB */
       
    /* END CONTENT */
   
   
    /* FOOTER */
        div#footer { clear:both;  add it here...

        }

        div#footer p {
            font-size: 0.8em;
            margin: 0;
            padding: 15px;
            text-align: center;
        }
    /* END FOOTER */
/* END LAYOUT */

[Foton]

Thanks Mark,
You saved my day again, because this worked for me! 

[jusdal]

maybe that could work for me too...


Check frame dump
http://www.jusdal.com/uploads/dump.gif

With one template the footer looks good, with another template it displays at the top of the page (like in the picture at the top).  But it just looks like this on my home computer and with IE. It looks good in FF and at work (with IE). So maybe it got nothing to do with the scripts but with the browser and resolution. Anyway, I appreciate any ideas and suggestions.
I have a 17" widescreen with 1280x854 resolution. Nothing strange.

The url is www.jusdal.com

/Niklas