The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Footer alignment

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Solved Footer alignment

Post by skouliki on July 18th 2016, 4:22 pm

hello 
i put a simple footer to my forum ( http://iconskouliki.forumgreek.com / punbb ) my problem is that its centered only in the home page, when you navigate to other pages the alignment is not right 

this is the html part in the overall_footer end
Code:
.footercol {
    font-size: 11px;
    line-height: 25px;
    width: 25.0%;
margin: 0px 0px 0px 125px;
         padding: 25px 0 18px 0;
    vertical-align: top;
    display: inline-block;
    min-width: 125px;




Last edited by skouliki on August 9th 2016, 9:59 am; edited 1 time in total

skouliki
Graphic Designer
Graphic Designer

Female Posts : 1216
Reputation : 200
Language : english,greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Footer alignment

Post by Ace 1 on July 18th 2016, 4:37 pm

Hey @skouliki I lurked your forum and I couldn't find a page where the footer looks like the second image you showed.

Can you give a link to the page where the footer is displayed like that?

Ace 1
Forumember

Male Posts : 693
Reputation : 38
Language : my css ready java yo scripts boi
Location : Druid Hill Park smoking indo

http://genocideclan.forumotion.com

Back to top Go down

Solved Re: Footer alignment

Post by skouliki on July 18th 2016, 4:50 pm

hello yes see here or here
i use chrome and modilla to test it
also i add a third column and its going under the first 2 instead of being in a line

skouliki
Graphic Designer
Graphic Designer

Female Posts : 1216
Reputation : 200
Language : english,greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Footer alignment

Post by SLGray on July 18th 2016, 9:23 pm

I just had an weird situation when I visited your forum.  A pop up message appear and a voice starting reading the message.  It was about viruses.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35674
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Footer alignment

Post by skouliki on July 18th 2016, 10:34 pm

Thats odd! I did not add any link or anything else .. affraid
I try many times but still cant see anything like that

skouliki
Graphic Designer
Graphic Designer

Female Posts : 1216
Reputation : 200
Language : english,greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Footer alignment

Post by APE on July 18th 2016, 11:31 pm

I have also been on your site and not seen anything but the sex ad's others have posted about but nothing else





APE
Manager
Manager

Male Posts : 8339
Reputation : 718
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Footer alignment

Post by Luffy on July 18th 2016, 11:54 pm

Hello @Skouliki,

Try adding a new div class to include all the .footercol elements.
For example i would use:
Code:
<div id="footerCols">
and add all the
Code:
<div class="footercol">
inside that tag, so that i could add in the CSS the below rule:
Code:
#footerCols { width: 100%; }


That way you will have something like a "wrap" for the footer columns which will have a total width of 100% which means to all your page! Wink






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Footer alignment

Post by skouliki on July 19th 2016, 12:21 am

hi @luffy i did that but nothing changed
maybe we can reduce the space between the columns ?
the code for the footer style is
Code:
    </body>
 
  <div class="footercol">
    <h3><h3><img src="https://cdn4.iconfinder.com/data/icons/48-bubbles/48/20.Photos-20.png" style="margin-bottom:0px"/>Icon Skouliki </h3>
    <ul>
        <li><a href="http://iconskouliki.forumgreek.com/t39-topic">Γενικοί κανόνες του Forum</a></li>
      <li><a href="http://iconskouliki.forumgreek.com/t40-topic">Κανόνες ενότητας Graphic Requests</a></li>
      <li><a href="http://iconskouliki.forumgreek.com/faq">Συχνές Ερωτήσεις</a></li>
        <li><a href="http://iconskouliki.forumgreek.com/h1-page">Πολιτική Απορρήτου</a></li>
        <li><a href="http://iconskouliki.forumgreek.com/contact">Επικοινωνήστε μαζί μας</a></li>
              </ul>
</div>
  <div class="footercol">
    <h3><img src="https://cdn4.iconfinder.com/data/icons/48-bubbles/48/05.Tag-20.png" style="margin-bottom:0px"/>ΧΡΗΣΙΜΑ LINKS</h3>
    <ul>
      <li><a href="http://iconskouliki.forumgreek.com/f2-forum">Συστηθείτε/Χρήσιμες πληροφορίες</a></li>
      <li><a href="http://iconskouliki.forumgreek.com/f14-forum">Αιτήματα Σχεδίασης</a></li>
      <li><a href="http://iconskouliki.forumgreek.com/f21-forum">Mascots/Emoticons</a></li>
    <li><a href="http://iconskouliki.forumgreek.com/t186-topic">How did you find us?</a></li>
    </ul>
      </div>
     
  <div class="footercol">
      <h3><img src="https://cdn4.iconfinder.com/data/icons/48-bubbles/48/33.Thumbs-Up-20.png" style="margin-bottom:0px"/>FOLLOW US</h3>
    <ul>
     
      <li><img src="https://cdn2.iconfinder.com/data/icons/social-18/512/Twitter-20.png" style="margin-bottom:0px"/><a href="https://twitter.com/IconSkouliki">Twitter</a></li>
    <li><img src="https://cdn2.iconfinder.com/data/icons/social-18/512/Facebook-20.png" style="margin-bottom:0px"/><a href="https://www.facebook.com/Iconskouliki/?ref=bookmarks">Facebook</a></li>
          <li><img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/rss_circle_color-20.png" style="margin-bottom:0px"/><a href="http://iconskouliki.forumgreek.com/rss">RSS</a></li>   
          </ul>
  </div>

      <img src="http://i86.servimg.com/u/f86/11/40/02/06/text6411.gif">
       
 
<div class="cpy"><a href="http://iconskouliki.forumgreek.com/"> © Copyright 2016. Icon Skouliki</a>
  <br>
  </div>
<div class="Adaptor"><a href="http://best-design.forumgreek.com/">Best-Design Forum. All rights Reserved. </a><br>
  </div>
  </div>
</html>
<style>
.ol, ul {
    list-style: none;
}
.footercol {
    font-size: 11px;
    line-height: 25px;
    width: 25.0%;
margin: 0px 0px 0px 125px;
        padding: 15px 0 18px 0;
    vertical-align: top;
    display: inline-block;
    min-width: 125px;
}
.bdfooter {
    background: #464c55;
    color: #000;
    height: 280px;
}
div.footercol a {
    color: black !important;
    font-size: 11px !important;
    text-decoration: none;
}
.footercol h3 {
    text-transform: uppercase;
}
.cpy {
    text-align: center;
    text-decoration: none;
}
.cpy a {
    color: #000 !important;
    text-decoration: none !important;
}
.Adaptor {
    text-align: center;
    text-decoration: none;
}
.Adaptor a {
    color: #000 !important;
    text-decoration: none !important;
}
</style>
     

skouliki
Graphic Designer
Graphic Designer

Female Posts : 1216
Reputation : 200
Language : english,greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Footer alignment

Post by Ace 1 on July 19th 2016, 1:47 am

Hey @skouliki I found the problem. You have an element that looks like this:

Code:
<div id="ipbwrapper" class="wrapper">

At http://iconskouliki.forumgreek.com/ the closing tag of that element wraps around the entire footer.

Spoiler:

But in the topics the wrapping is not around the footer.

Spoiler:

You basically need to find this code:

Code:
<div id="contentwrappper"></div>

A
Code:
</div>
tag should be right after it. Move that tag to right after this element:

Code:
<div class="Adaptor"></div>

Ace 1
Forumember

Male Posts : 693
Reputation : 38
Language : my css ready java yo scripts boi
Location : Druid Hill Park smoking indo

http://genocideclan.forumotion.com

Back to top Go down

Solved Re: Footer alignment

Post by Luffy on July 19th 2016, 12:48 pm

@Skouliki change the part you sent me above with this one:
Code:
    </body>

<div id="footerCols">
 
  <div class="footercol">
    <h3><h3><img src="https://cdn4.iconfinder.com/data/icons/48-bubbles/48/20.Photos-20.png" style="margin-bottom:0px"/>Icon Skouliki </h3>
    <ul>
        <li><a href="http://iconskouliki.forumgreek.com/t39-topic">Γενικοί κανόνες του Forum</a></li>
      <li><a href="http://iconskouliki.forumgreek.com/t40-topic">Κανόνες ενότητας Graphic Requests</a></li>
      <li><a href="http://iconskouliki.forumgreek.com/faq">Συχνές Ερωτήσεις</a></li>
        <li><a href="http://iconskouliki.forumgreek.com/h1-page">Πολιτική Απορρήτου</a></li>
        <li><a href="http://iconskouliki.forumgreek.com/contact">Επικοινωνήστε μαζί μας</a></li>
              </ul>
</div>
  <div class="footercol">
    <h3><img src="https://cdn4.iconfinder.com/data/icons/48-bubbles/48/05.Tag-20.png" style="margin-bottom:0px"/>ΧΡΗΣΙΜΑ LINKS</h3>
    <ul>
      <li><a href="http://iconskouliki.forumgreek.com/f2-forum">Συστηθείτε/Χρήσιμες πληροφορίες</a></li>
      <li><a href="http://iconskouliki.forumgreek.com/f14-forum">Αιτήματα Σχεδίασης</a></li>
      <li><a href="http://iconskouliki.forumgreek.com/f21-forum">Mascots/Emoticons</a></li>
    <li><a href="http://iconskouliki.forumgreek.com/t186-topic">How did you find us?</a></li>
    </ul>
      </div>
   
  <div class="footercol">
      <h3><img src="https://cdn4.iconfinder.com/data/icons/48-bubbles/48/33.Thumbs-Up-20.png" style="margin-bottom:0px"/>FOLLOW US</h3>
    <ul>
   
      <li><img src="https://cdn2.iconfinder.com/data/icons/social-18/512/Twitter-20.png" style="margin-bottom:0px"/><a href="https://twitter.com/IconSkouliki">Twitter</a></li>
    <li><img src="https://cdn2.iconfinder.com/data/icons/social-18/512/Facebook-20.png" style="margin-bottom:0px"/><a href="https://www.facebook.com/Iconskouliki/?ref=bookmarks">Facebook</a></li>
          <li><img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/rss_circle_color-20.png" style="margin-bottom:0px"/><a href="http://iconskouliki.forumgreek.com/rss">RSS</a></li> 
          </ul>
  </div>

</div>
 
      <img src="http://i86.servimg.com/u/f86/11/40/02/06/text6411.gif">
     
 
<div class="cpy"><a href="http://iconskouliki.forumgreek.com/"> © Copyright 2016. Icon Skouliki</a>
  <br>
  </div>
<div class="Adaptor"><a href="http://best-design.forumgreek.com/">Best-Design Forum. All rights Reserved. </a><br>
  </div>
  </div>
</html>
<style>
.ol, ul {
    list-style: none;
}
#footerCols { width: 100%; }
.footercol {
    font-size: 11px;
    line-height: 25px;
    width: 22.0%;
margin: 0px 0px 0px 125px;
        padding: 15px 0 18px 0;
    vertical-align: top;
    display: inline-block;
    min-width: 125px;
}
.bdfooter {
    background: #464c55;
    color: #000;
    height: 280px;
}
div.footercol a {
    color: black !important;
    font-size: 11px !important;
    text-decoration: none;
}
.footercol h3 {
    text-transform: uppercase;
}
.cpy {
    text-align: center;
    text-decoration: none;
}
.cpy a {
    color: #000 !important;
    text-decoration: none !important;
}
.Adaptor {
    text-align: center;
    text-decoration: none;
}
.Adaptor a {
    color: #000 !important;
    text-decoration: none !important;
}
</style>
   






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Footer alignment

Post by skouliki on July 19th 2016, 1:52 pm

@luffy no luck the only that moved a little is the third column

@Ace 1 yes that make sense so in the overall header i found this "contentWrapper" and i did what you said i hope i did it right see below

Code:
       <div id="contentWrapper">
          
      <!-- ::: APPLICATION TABS ::: -->
      <div id="primary_nav" class="clearfix">
                <ul class="ipsList_inline" id="community_app_menu">
                  <li id="nav_home" class="left"><a href="http://iconskouliki.forumgreek.com/portal?pid=1" title="Μετάβαση στην αρχική σελίδα" rel="home">Αρχική</a></li>
                  <li id="nav_app_forums" class="left"><a href="/forum" title="Μετάβαση στο φόρουμ">Φόρουμ</a></li>
                  <li id="nav_app_uploads" class="left "><a href="/t39-topic" title="Διαβάστε τους κανόνες τις κοινότητας">Γενικοί Κανόνες</a></li>
                  <li id="nav_app_nexus" class="left "><a href="/f14-forum" title="Μετάβαση στα αιτήματα σχεδίασης">Αιτήματα Σχεδίασης</a></li>
                  <li id="nav_app_members" class="left "><a href="/memberlist" title="Μετάβαση στη λίστα μελών">Μέλη</a></li>
                  <li id="nav_app_calendar" class="left "><a href="/calendar" title="Μετάβαση στο ημερολόγιο">Ημερολόγιο</a></li>          
                  <li id="nav_app_blog" class="left "><a href="/#" title="Μετάβαση στα ιστολόγια μελών">Ιστολόγια</a></li>
                                        </ul>
   <div class="Adaptor"></div>           </div>
                  
    

but i get the same result as before the footer is not alignment example here




ps i also have this wrapper in my css if that helps you in any way 

Code:
/*wrapper*/
.pun {
    margin: 0px auto;
    min-width: 860px;
    padding: 5px;
    width: 98%;
}
.wrapper{margin:0
auto;min-width:980px;max-width:1600px;width:980px}#contentWrapper{position:relative}#mainContent{background:#fff;width: 1000px;border:1px
solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:rgba(0,0,0,0.06) 0px 1px 6px;-moz-box-shadow:rgba(0,0,0,0.06) 0px 1px 6px;box-shadow:rgba(0,0,0,0.06) 0px 1px 6px;margin-left:84px;min-height:780px}#content{padding:10px;line-height:120%}.fullWidth{margin:0
-10px}

skouliki
Graphic Designer
Graphic Designer

Female Posts : 1216
Reputation : 200
Language : english,greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Footer alignment

Post by Ace 1 on July 19th 2016, 8:27 pm

@skouliki I'm sorry for the confusion. I just realized that combined with the code Luffy gave you, you would have to move that
Code:
</div>
after the red line shown in the image below.


Ace 1
Forumember

Male Posts : 693
Reputation : 38
Language : my css ready java yo scripts boi
Location : Druid Hill Park smoking indo

http://genocideclan.forumotion.com

Back to top Go down

Solved Re: Footer alignment

Post by skouliki on July 19th 2016, 8:33 pm

i dont have luffy's code on i have the one i had before so basically i used only your solution 
now if i remove that tag div all forum vanish and i see only the footer 
edit : so what should i do ? with that div ...?

skouliki
Graphic Designer
Graphic Designer

Female Posts : 1216
Reputation : 200
Language : english,greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Footer alignment

Post by Ace 1 on July 19th 2016, 8:45 pm

@skouliki Still move it to after the line right before those
Code:
<style></style>
tags.

Ace 1
Forumember

Male Posts : 693
Reputation : 38
Language : my css ready java yo scripts boi
Location : Druid Hill Park smoking indo

http://genocideclan.forumotion.com

Back to top Go down

Solved Re: Footer alignment

Post by skouliki on July 19th 2016, 8:52 pm

did it same thing nothing changed 
i appreciate all your help

skouliki
Graphic Designer
Graphic Designer

Female Posts : 1216
Reputation : 200
Language : english,greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Footer alignment

Post by Ace 1 on July 19th 2016, 9:04 pm

@skouliki I recommend using this site to organize that template and see if this element

Code:
<div id="ipbwrapper" class="wrapper">

</div>

wraps around your entire footer.

I am 100% sure that this is the reason for your problem by the way Wink


Last edited by Ace 1 on July 19th 2016, 9:31 pm; edited 1 time in total

Ace 1
Forumember

Male Posts : 693
Reputation : 38
Language : my css ready java yo scripts boi
Location : Druid Hill Park smoking indo

http://genocideclan.forumotion.com

Back to top Go down

Solved Re: Footer alignment

Post by skouliki on July 19th 2016, 9:27 pm

I hope i will manage .. I get error to that link
Thank you

skouliki
Graphic Designer
Graphic Designer

Female Posts : 1216
Reputation : 200
Language : english,greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Footer alignment

Post by Ace 1 on July 19th 2016, 9:31 pm

@skouliki Razz I accidentally added a " at the end of my BBCode URL. Try the link now.

Ace 1
Forumember

Male Posts : 693
Reputation : 38
Language : my css ready java yo scripts boi
Location : Druid Hill Park smoking indo

http://genocideclan.forumotion.com

Back to top Go down

Solved Re: Footer alignment

Post by skouliki on July 19th 2016, 9:53 pm

Ok i will try but if someone with experience and free time wants to look into it is welcome ...plz leave the topic open

skouliki
Graphic Designer
Graphic Designer

Female Posts : 1216
Reputation : 200
Language : english,greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Footer alignment

Post by Luffy on July 19th 2016, 10:47 pm

So you wanted the image to show up to that line too? Because i understood only the columns! Razz

Anyway, if there's any news let us know! Smile






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Footer alignment

Post by skouliki on July 19th 2016, 11:12 pm

I want all the elements to be in a line ( 3 columns plus the image or 3 columns and under the image in the center) .

But the main problem is that the footer is not right only when you see it from the topics ..if you see it from homepage or from categories its ok
( see my images above)

Now i have my old footer code on without your code @luffy and the overall with some div changes that Ace suggested but to be honest i see many div tags over there iam sure i must delete some ..

skouliki
Graphic Designer
Graphic Designer

Female Posts : 1216
Reputation : 200
Language : english,greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Footer alignment

Post by Luffy on July 19th 2016, 11:42 pm

Since the codes are here, try out this instead:
Code:
    </body>
 
<div id="footerCols">
 
  <div class="footercol">
    <h3><h3><img src="https://cdn4.iconfinder.com/data/icons/48-bubbles/48/20.Photos-20.png" style="margin-bottom:0px"/>Icon Skouliki </h3>
    <ul>
        <li><a href="http://iconskouliki.forumgreek.com/t39-topic">Γενικοί κανόνες του Forum</a></li>
      <li><a href="http://iconskouliki.forumgreek.com/t40-topic">Κανόνες ενότητας Graphic Requests</a></li>
      <li><a href="http://iconskouliki.forumgreek.com/faq">Συχνές Ερωτήσεις</a></li>
        <li><a href="http://iconskouliki.forumgreek.com/h1-page">Πολιτική Απορρήτου</a></li>
        <li><a href="http://iconskouliki.forumgreek.com/contact">Επικοινωνήστε μαζί μας</a></li>
              </ul>
</div>
  <div class="footercol">
    <h3><img src="https://cdn4.iconfinder.com/data/icons/48-bubbles/48/05.Tag-20.png" style="margin-bottom:0px"/>ΧΡΗΣΙΜΑ LINKS</h3>
    <ul>
      <li><a href="http://iconskouliki.forumgreek.com/f2-forum">Συστηθείτε/Χρήσιμες πληροφορίες</a></li>
      <li><a href="http://iconskouliki.forumgreek.com/f14-forum">Αιτήματα Σχεδίασης</a></li>
      <li><a href="http://iconskouliki.forumgreek.com/f21-forum">Mascots/Emoticons</a></li>
    <li><a href="http://iconskouliki.forumgreek.com/t186-topic">How did you find us?</a></li>
    </ul>
      </div>
 
  <div class="footercol">
      <h3><img src="https://cdn4.iconfinder.com/data/icons/48-bubbles/48/33.Thumbs-Up-20.png" style="margin-bottom:0px"/>FOLLOW US</h3>
    <ul>
 
      <li><img src="https://cdn2.iconfinder.com/data/icons/social-18/512/Twitter-20.png" style="margin-bottom:0px"/><a href="https://twitter.com/IconSkouliki">Twitter</a></li>
    <li><img src="https://cdn2.iconfinder.com/data/icons/social-18/512/Facebook-20.png" style="margin-bottom:0px"/><a href="https://www.facebook.com/Iconskouliki/?ref=bookmarks">Facebook</a></li>
          <li><img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/rss_circle_color-20.png" style="margin-bottom:0px"/><a href="http://iconskouliki.forumgreek.com/rss">RSS</a></li>
          </ul>
  </div>
 

 <div class="footercol"
      <img src="http://i86.servimg.com/u/f86/11/40/02/06/text6411.gif" />
</div>
   
 </div>


<div class="cpy"><a href="http://iconskouliki.forumgreek.com/"> © Copyright 2016. Icon Skouliki</a>
  <br>
  </div>
<div class="Adaptor"><a href="http://best-design.forumgreek.com/">Best-Design Forum. All rights Reserved. </a><br>
  </div>
  </div>
</html>
<style>
.ol, ul {
    list-style: none;
}
#footerCols { width: 100%; }
.footercol {
    font-size: 11px;
    line-height: 25px;
    width: 22.0%;
margin: 0px 0px 0px 125px;
        padding: 15px 0 18px 0;
    vertical-align: top;
    display: inline-block;
    min-width: 125px;
}
.bdfooter {
    background: #464c55;
    color: #000;
    height: 280px;
}
div.footercol a {
    color: black !important;
    font-size: 11px !important;
    text-decoration: none;
}
.footercol h3 {
    text-transform: uppercase;
}
.cpy {
    text-align: center;
    text-decoration: none;
}
.cpy a {
    color: #000 !important;
    text-decoration: none !important;
}
.Adaptor {
    text-align: center;
    text-decoration: none;
}
.Adaptor a {
    color: #000 !important;
    text-decoration: none !important;
}
</style>
 

This should add a normal 4 column footer where depending on the width of the forum it will resize each column to 22% so everything should be in one line. If not try changing the 22% out of the .footercol element to 20 or something there.






Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: Footer alignment

Post by skouliki on July 20th 2016, 10:02 am

thanks @luffy with 20% is perfect all in a line

so i try few things changing position of the div tag but nothing change so i will tag @Van-Helsing or @Ange Tuteur if they have some time to look it or quide me to do it 

so basically we have a right footer alignment 
on homepage and on forum pages examples here and here but when you see the footer from topics is spoiled example here
see @Ace 1 solution below
 
@Ace 1 wrote:Hey  I found the problem. You have an element that looks like this:

Code:
<div id="ipbwrapper" class="wrapper">
At http://iconskouliki.forumgreek.com/ the closing tag of that element wraps around the entire footer.
But in the topics the wrapping is not around the footer.
You basically need to find this code:
Code:
<div id="contentwrappper"></div>

A
Code:
</div>
tag should be right after it. Move that tag to right after this element:
Code:
<div class="Adaptor"></div>


my overall header

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JQUERY_PATH}" type="text/javascript"></script>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

  <!-- BEGIN switch_fb_login -->
  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
  <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->

  <!-- BEGIN switch_ticker -->
  <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
  <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
  <!-- END switch_ticker -->

  <!-- BEGIN switch_ticker_new -->
  <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
  <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
        case 'top' :
            slid_vert = true;
            break;

        case 'left':
            break;

        case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

        case 'right':
            auto_dir = 'prev';
            break;

        default:
            slid_vert = true;
      }

      $(document).ready(function() {

        var width_max = $('ul#fa_ticker_content').width();
        var width_item = Math.floor(width_max / {switch_ticker.SIZE});

        if (width_max > 0)
        {
            $('#fa_ticker_content').css('display','block');

            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
              if ($(this).width() > width_item)
              {
              var ratio      = $(this).width() / width_item;
              var new_height = Math.round($(this).height() / ratio);
              $(this).height(new_height).width(width_item);
              }
            });

            if (slid_vert)
            {
              var height_max = h_perso;

              $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                    height_max = $(this).height();
                  }
              } );

              $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
              $('ul#fa_ticker_content li').height(height_max);
            }

            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
              wrap: 'circular',
              auto: {switch_ticker.STOP_TIME},
              auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
        }
        else
        {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
        }
      });
  //]]>
  </script>
  <!-- END switch_ticker_new -->

  <script type="text/javascript">
  //<![CDATA[
  $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
        ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
  });

  <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
  <!-- END switch_login_popup -->

  <!-- BEGIN switch_login_popup -->
  $(document).ready( function() {
      $(window).resize(function() {
        var windowWidth = document.documentElement.clientWidth;
        var popupWidth = $("#login_popup").width();
        var mypopup = $("#login_popup");

        $("#login_popup").css({
        "left": windowWidth/2 - popupWidth/2
            });
      });
  });
  <!-- END switch_login_popup -->
  //]]>
  </script>
  {GREETING_POPUP}
  <!-- BEGIN switch_ticker_new -->
  <style>
  .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
  }

  .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
  }

  .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
  }
  </style>
  <!-- END switch_ticker_new -->
  {HOSTING_JS}
  <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
  //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
    _gaq.push(["_trackPageview"]);
  _gaq.push(['_trackPageLoadTime']);

  <!-- BEGIN google_analytics_code_bis -->
  _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
  _gaq.push(['b._trackPageview']);
  <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
      ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
      var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
    })();
  //]]>
  </script>
  <!-- END google_analytics_code -->
  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
</head>

<body>
  <!-- BEGIN hitskin_preview -->
  <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
        <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
        </p>
      </div>
  </div>
  <!-- END hitskin_preview -->

  <!-- BEGIN switch_login_popup -->
  <div id="login_popup" class="module main">
      <div id="login_popup_title" class="main-head">
        <div class="h3">{SITENAME}</div>
      </div>
      <div class="main-content">
        {LOGIN_POPUP_MSG}
        <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
              <input type="submit" class="button2" value="{L_LOGIN}" />
              <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
              <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
        </div>
      </div>
  </div>
  <!-- END switch_login_popup -->

  <a id="top" name="top" accesskey="t"></a>

  <div class="minwidth_IE">
      <div class="layout_IE">
        <div class="container_IE">
            <body id="ipboard_body">
        <p id="content_jump" class="hide"><a id="top"></a><a href="#j_content" title="Μετάβαση στο περιεχόμενο" accesskey="m">Μετάβαση στο περιεχόμενο</a></p>
      <div id="ipbwrapper" class="wrapper">

            <div id="user_navigation" class="not_logged_in">
                 
                    <ul class="ipsList_inline">
                        <!-- BEGIN switch_user_logged_in -->
<li><a href="/profile?mode=editprofile" title="Επεξεργασία προφίλ">
                          <script>
jQuery(document).ready(function(){
  jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
      link = jQuery('.frm dl dd img', data).attr('src');
      if(link){
                            jQuery('#avatar').html('<center><img src="'+link+'" alt="" /></center>');
      }else{
        jQuery('#avatar').html('');
      }
  });
});
</script><div id="avatar"><center></center></div>
                           
                                <li><a class="profilename" href="/profile?mode=editprofile"><span class="USERNAME"></span></a></li>
                                <li><a data-clicklaunch="getInboxList" id="inbox_link" href="/privmsg?folder=inbox" title="Ανάγνωση προσωπικών μηνυμάτων"><img src="http://i.imgur.com/TeAddws.gif" alt="" style="margin-top: 7px;"> </a></li>
                                <li><a id="notify_link" href="/search?search_id=watchsearch" title="Δείτε όλες τις ειδοποιήσεις"><img src="http://i.imgur.com/TeAddws.gif" alt="" style="margin-top: 7px;">&nbsp;</a></li>
                                <li><a href="/login?logout">Αποσύνδεση</a></li>
                        <!-- END switch_user_logged_in -->
                    <!-- BEGIN switch_user_logged_out -->
                    <li>
                            <span class="services">
                             
                             
                             
                            </span>
                            <a onclick="jQuery('#document_modal').fadeToggle();" title="Σύνδεση" id="sign_in"><img src="http://i.imgur.com/nstoE13.png" alt=""> Σύνδεση</a>
                        </li>
                        <li>
                            <a href="/register" title="Δημιουργία Λογαριασμού" id="register_link"><img src="http://i.imgur.com/B8yYVTS.png" alt=""> Δημιουργία λογαριασμού</a>
                        </li>
                        <!-- END switch_user_logged_out -->
                    </ul>
                </div>
         
        <!-- ::: BRANDING STRIP: Logo and search box ::: -->
        <div id="branding">
                <div id="logo">
                 
                     
<a href="/" class="textLogo" title="Μετάβαση στο ευρετήριο του φόρουμ" rel="home" accesskey="1"><img src="http://i86.servimg.com/u/f86/11/40/02/06/untit234.png"alt=""> IconSkouliki </a>
                 
                </div>
                <div id="search" class="right">
          <form method="get" action="/search?search_where=11" id="search-box">
          <fieldset>
        <label for="main_search" class="hide">Αναζήτηση</label>
       
        <span id="search_wrap" class="right">
        <input type="text" id="main_search" name="search_keywords" class="" size="17" tabindex="100" placeholder="Αναζήτηση...">
        <span class="choice ipbmenu clickable" id="search_options" style="">Φόρουμς</span>
         
            <input type="submit" class="submit_input clickable" value="">
        </span>
     
      </fieldset>
  </form>
</div>
    </div> 

                  <div id="contentWrapper">
         
      <!-- ::: APPLICATION TABS ::: -->
      <div id="primary_nav" class="clearfix">
                <ul class="ipsList_inline" id="community_app_menu">
                  <li id="nav_home" class="left"><a href="http://iconskouliki.forumgreek.com/portal?pid=1" title="Μετάβαση στην αρχική σελίδα" rel="home">Αρχική</a></li>
                  <li id="nav_app_forums" class="left"><a href="/forum" title="Μετάβαση στο φόρουμ">Φόρουμ</a></li>
                  <li id="nav_app_uploads" class="left "><a href="/t39-topic" title="Διαβάστε τους κανόνες τις κοινότητας">Γενικοί Κανόνες</a></li>
                  <li id="nav_app_nexus" class="left "><a href="/f14-forum" title="Μετάβαση στα αιτήματα σχεδίασης">Αιτήματα Σχεδίασης</a></li>
                  <li id="nav_app_members" class="left "><a href="/memberlist" title="Μετάβαση στη λίστα μελών">Μέλη</a></li>
                  <li id="nav_app_calendar" class="left "><a href="/calendar" title="Μετάβαση στο ημερολόγιο">Ημερολόγιο</a></li>         
                  <li id="nav_app_blog" class="left "><a href="/#" title="Μετάβαση στα ιστολόγια μελών">Ιστολόγια</a></li>
                                        </ul>
          </div>       
         
       
<div id="mainContent">       
      <!-- ::: NAVIGATION BREADCRUMBS ::: -->
                <div id="secondary_navigation" class="clearfix">
                    <ol class="breadcrumb top ipsList_inline left" id="breadcrumb">
                                                <li itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb" class="first">
                                                <a href="/" itemprop="url">
                                    <span itemprop="title">{L_INDEX}</span>
                                                         
                                </a>
                             
                            </li>
                            <strong itemprop="title">{NAV_CAT_DESC}</strong>
                   
                         
                                            </ol>
                    <ul id="secondary_links" class="ipsList_inline right">
                      <li><a href="https://www.facebook.com/Iconskouliki/?ref=bookmarks">Βρείτε μας στο Facebook </a></li>
                      <li><a href="https://twitter.com/IconSkouliki">Βρείτε μας στο Twitter </a></li>
                      <li><a href="/search?search_id=newposts">Δείτε το Νέο Περιεχόμενο </a></li>
                      <li><a href="http://iconskouliki.forumgreek.com/faq">FAQ</a></li>
                      <li><a href="/contact">Contact us </a></li>
                                         
                     
                    </ul>
                </div>
             
<div id="content" class="clearfix">


<!-- BEGIN switch_user_logged_out -->
             
                <div class="guestMessage">
                  <strong>Καλωσήρθατε στο IconSkouliki</strong><br>
                  Εγγραφείτε τώρα για να αποκτήσετε πρόσβαση σε όλες τις λειτουργίες μας. Αν διαθέτετε έναν λογαριασμό, <a href="/login">συνδεθείτε εδώ</a> - διαφορετικά <a href="/register">δημιουργήστε έναν λογαριασμό</a> δωρεάν σήμερα!
              <br><strong> Welcome to IconSkouliki</strong><br>
Register now to gain access to all of our features. If you already have an account, <a href="/login">login here</a> - otherwise <a href="/register">create an account</a> for free today!                  </div>
                  <!-- END switch_user_logged_out -->
             
            <div class="pun">
           
              <!-- BEGIN switch_ticker_new -->
              <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                    <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                          <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                          </ul>
                        </div>
                    </div>
                  </div>
              </div>
              <!-- END switch_ticker_new -->

              <!-- BEGIN switch_ticker -->
              <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                    <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                          <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                <!-- BEGIN ticker_row -->
                                <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                <!-- END ticker_row -->
                              </div>
                          </div>
                        </div>
                    </div>
                  </div>
              </div>
              <!-- END switch_ticker -->

              <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                    <div id="outer-wrapper">
                        <div id="wrapper">
                          <div id="container">
                              <div id="content">
                               
                                <div id="main">
                                    <div id="main-content">

<!-- BEGIN html_validation -->
                                    </div>
                                </div>
                              </div>
                          </div>
                        </div>
                    </div>
                  </div>
              </div>
            </div>
        </div>
      </div>
  </div>
                          </div>
                          </div>
          </div>
</body>
</html>
<!-- END html_validation -->
 
<!-- #region sign_in_popup -->
    <div id="document_modal" class="modal" style="display:none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: transparent ;"></div>
    <div id="sign_in_popup_popup" style="display:none; z-index: 10001; top: 25%; left: 24%; position: fixed;" class="popupWrapper">
        <div id="sign_in_popup_inner" class="popupInner" style="width: 600px; max-height: 641px;">
            <div style="" class="ipbfs_login" id="inline_login_form">
                <form id="login" method="post" action="/login.forum">
                <h3>Icon Skouliki Forum - Στοιχεία Σύνδεσης</h3>
                <!-- BEGIN switch_fb_connect -->
                <div class="ipsBox_notice">
                  <ul class="ipsList_inline">
                      <li>
                        <a class="ipsButton_secondary" href="/facebook_connect.forum" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">
                            <img alt="Facebook" src="http://i69.servimg.com/u/f69/16/62/61/50/facebo10.png">  Χρησιμοποιήστε το Facebook
                        </a>
                      </li>
                  </ul>
                </div>
                <!-- END switch_fb_connect -->
                    <div class="ipbfs_login_row">
                        <div class="ipbfs_login_col">
                          <span class="right desc lighter blend_links"><a href="/register" title="Εγγραφείτε τώτα!">Εγγραφείτε τώρα!</a></span>
                            <strong><label for="ips_username">Όνομα Χρήστη</label></strong>
                            <div class="ipsField_content">
                                <input type="text" tabindex="1" size="30" placeholder="Όνομα Χρήστη" name="username" class="input_text ipbfs_login_input ipbfs_luser" id="ips_username">
                            </div>
                        </div>
                        <div class="ipbfs_login_col">
                          <span class="right desc lighter blend_links"><a href="/profile?mode=sendpassword" title="Ξέχασα τον κωδικό μου">Ξέχασα τον κωδικό μου</a></span>
                            <strong><label for="ips_password">Κωδικός Πρόσβασης</label></strong>
                            <div class="ipsField_content">
                                <input type="password" tabindex="2" size="30" placeholder="Κωδικός Πρόσβασης" name="password" class="input_text ipbfs_login_input ipbfs_lpassword" id="ips_password"><br>
                                </div>
                        </div>
                    </div>
                    <div class="clearfix">
                        <div class="ipbfs_login_col">
                            <input type="checkbox" class="input_check left" value="1" name="autologin" checked="checked" id="autologin">
                            <div style="padding-left: 20px;">
                                <label for="autologin">
                                    <strong>Αυτόματη σύνδεση</strong>
                                    <span style="display: block; padding-top: 5px;" class="desc lighter">Δεν συνιστάται σε κοινόχρηστους υπολογιστές</span>
                                </label>
                            </div>
                        </div>
                        <div class="ipbfs_login_col">
                            <input type="checkbox" class="input_check left" value="1" name="anonymous" id="anonymous">
                            <div style="padding-left: 20px;">
                                <label for="anonymous">
                                    <strong>Απόκρυψη απο τη λίστα μελών</strong>
                                    <span style="display: block; padding-top: 5px;" class="desc lighter">Μην με προσθέσετε στη λίστα ενεργών μελών</span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="ipsForm_submit ipsForm_center clear" style="height: 29px;">
                        <input type="submit" name="login" value="Σύνδεση" class="input_submit">
                        <input name="redirect" type="hidden" value="" />               
                    </div>
                </form>
            </div>
        </div>
      <div id="sign_in_popup_close" class="popupClose clickable">
          <img alt="x" src="http://i78.servimg.com/u/f78/18/17/62/92/close_10.png" onclick="show_popup('sign_in_popup_popup');">
      </div>
   
    <script type="text/javascript">
      //<![CDATA[
      $(document).ready(function() {
          $('#user_navigation #sign_in').attr('href', '#').attr('onclick', "show_popup('sign_in_popup_popup');");
          /*
          $('#user_navigation #sign_in').click(function() {
            sign_in_popup();
          });
          */
      });
      function show_popup(id) {
          var $oObj = $('#'+id);
          if ($oObj.css('display') == 'none') {
            $oObj.add('#document_modal').fadeIn('slow');
            $("input:text:eq(0):visible").focus();
          } else {
            $oObj.add('#document_modal').fadeOut('slow');
          }
      }
      //]]>
    </script>
        </div>
    <style type="text/css">
      <!--
        .popupWrapper {
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
            border-radius: 5px 5px 5px 5px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
            padding: 8px;
        }
        .ipbfs_login .ipsForm_submit {
            margin-top: 0;
        }
        .ipbfs_login .ipsBox_notice {
        margin: 0;
        }
        .ipbfs_login .input_submit {
            font-size: 13px;
        }
        #sign_in_popup_inner {
            width: 680px !important;
        }
        .popupInner {
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
            overflow-x: hidden;
            overflow-y: auto;
            width: 500px;
        }
        .popupInner h3 {
            border-bottom: 1px solid #d8d8d8;
            text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8);
            background:#eee url("http://i56.servimg.com/u/f56/17/97/98/69/highli12.png") repeat-x 0 0 ;
            padding: 8px 10px 9px;               
        }
        .border, .statistics, .post_block, .ipsComment, .popupInner, .no_messages, .poll_question ol, .ipsBox_container, .ipsFloatingAction, .column_view .post_body {
            background: none repeat scroll 0 0 #fff;
        }
        .ipsBox_notice {
            line-height: 1.6;
            margin-bottom: 10px;
            padding: 10px;
        }
        .ipsBox_notice, .ipsBox_highlight {
            background: none repeat scroll 0 0 #F4FCFF;
            border-bottom: 1px solid #CAE9F5;
        }
        .ipbfs_login_row {
            overflow: hidden;
        }
        .ipbfs_login_row, .gallery_pane h2, .ipsBox_container .ipsType_pagetitle, .ipsType_sectiontitle, #index_stats .status_list:first-of-type li:first-child, .ipsList_data li:first-of-type, .ipsList_withminiphoto li:first-of-type, .ipsList_withmediumphoto li:first-of-type, .category_block table tr:nth-of-type(2) td {
            border-top: 0 none;
        }
        #recentajaxcontent li, #idm_categories a, #index_stats .status_list li, #panel_files .file_listing li, #panel_screenshots #ss_linked li, .file_listing, #cart_totals td, div#member_filters li, #files li, .ipsType_sectiontitle, #order_review td, #package_details .package_info, .block_list li, .package_view_top, .member_entry, #help_topics li, .ipsBox_container .ipsType_pagetitle, .userpopup dl, #announcements td, .preview_info, .sideVerticalList li, fieldset.with_subhead ul, .ipsList_data li, .ipsList_withminiphoto li, .ipsList_withmediumphoto li, table.ipb_table td, .store_categories li, #mini_cart li, #index_stats div[id*="statusReply"], #ipg_category .ipg_category_row, .gallery_pane h2, .status_feedback li[id*="statusReply"], .ipsSideMenu ul li, .ipbfs_login_row, .ipbfs_login .clearfix, .articles .block-1, .articles .type-1x2x2 .article_row, #idm_category .idm_category_row, #category_list li a, .ipsComment {
            border-bottom: 1px solid #E3E3E3;
            border-top: 1px solid #fff;
        }
        .ipbfs_login_col {
            float: left;
            padding: 15px 10px;
            width: 314px;
        }
        .desc.lighter, .desc.lighter.blend_links a {
            color: #646464;
        }
        .desc, .desc.blend_links a, p.posted_info {
            color: #898989;
            font-size: 11px;
        }
        .right {
            float: right;
        }
        .ipbfs_login_col a:hover {
            text-decoration: underline;
        }
        .ipbfs_login_row label {
            font-size: 1.15em;
        }
        input:-moz-placeholder {
            color: #939393;
        }
        .ipbfs_luser {
            background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/user10.png") !important;
            background-position: 7px 60% !important;
            background-repeat: no-repeat !important;
        }
        .ipbfs_login_input {
            font-size: 14px !important;
            margin-top: 10px;
            padding: 6px 0 6px 28px !important;
            width: 284px;
        }
        .input_text, .ipsTagBox_wrapper, textarea {
            background: none repeat scroll 0 0 #FCFCFC;
            border: 1px solid #D4D4D4;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
            color: #000;
            padding: 6px;
            text-shadow: #FFF 0px 1px 0px;
        }
        input, select, textarea {
            font: 12px tahoma,helvetica,arial,sans-serif;
        }
        .ipbfs_lpassword {
            background-image: url("http://i78.servimg.com/u/f78/18/17/62/92/key10.png");
            background-position: 7px 60% !important;
            background-repeat: no-repeat !important;
        }
        .clearfix:after {
            clear: both;
            content: ".";
            display: block;
            height: 0;
            overflow: hidden;
            visibility: hidden;
        }
        .left {
            float: left;
        }
        img, .input_check, .input_radio {
            vertical-align: middle;
        }
        .ipsForm_center {
            text-align: center !important;
        }
        .ipsForm_submit {
            margin-top: 25px;
            padding: 5px 10px;
            text-align: right;
        }
        .clear {
            clear: both;
        }
        #vnc_filter_popup_close, body#ipboard_body fieldset.submit, body#ipboard_body p.submit, .ipsForm_submit {
            background: #e4e4e4 url('http://i56.servimg.com/u/f56/17/97/98/69/highli12.png') repeat-x 0 0;
            border-top: 1px solid #d8d8d8;
        }
        .popupClose {
            position: absolute;
            right: 20px;
            top: 20px;
        }
        .clickable {
            cursor: pointer;
        }
        .input_submit, .ipsButton_secondary {
            outline: medium none;
        }
        .input_submit {
            background: url("http://i56.servimg.com/u/f56/17/97/98/69/highli12.png") repeat-x scroll 0 0 #646464;
            border-color: #3F3F3F;
            border-radius: 2px 2px 2px 2px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
            color: #FFFFFF;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
            border: 0 none;
            cursor: pointer;
            padding: 5px 11px;
            text-decoration: none;
        }
        .pun h2, .pun h3, .pun input, .pun select, .pun th {
            font-family: helvetica,arial,sans-serif !important;
            font-size: 14px;
            font-style: normal;
            font-variant: normal;
            font-weight: 300;
        }
        body {
            color: #5a5a5a !important;
            font: 11px tahoma,helvetica,arial,sans-serif !important;
        }
        -->
    </style>
<!-- #endregion sign_in_popup --> 
       

skouliki
Graphic Designer
Graphic Designer

Female Posts : 1216
Reputation : 200
Language : english,greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Footer alignment

Post by Van-Helsing on July 20th 2016, 11:00 pm

Hello @Skouliki,
Add the following code in your CSS stylesheet:

Code:

#footerCols {
    width: 100%;
    margin-left: 200px;
    position: relative;
}
.cpy {
    text-align: center;
    text-decoration: none;
    margin-left: -155px;
    position: relative;
}
.Adaptor a {
    color: #000 !important;
    text-decoration: none !important;
    text-align: center;
    margin-left: -150px;
    position: relative;
}

the result will be looks like this:



Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: Footer alignment

Post by skouliki on July 21st 2016, 12:13 am

hello Van-Helsing
thanks for answering so the result on topics is ok as your picture but on homepage /general is like that



skouliki
Graphic Designer
Graphic Designer

Female Posts : 1216
Reputation : 200
Language : english,greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Footer alignment

Post by Van-Helsing on July 21st 2016, 1:46 am

Hi @Skouliki, Hello
Lets try another solution,
1. Remove the code which I gave you from your css stylesheet and then press submit.
2. Go to the template viewtopic_body and add the following code at the of the template:

Code:
<style>
      #footerCols {
            width: 100%;
            margin-left: 200px;
            position: relative;
        }
        .cpy {
            text-align: center;
            text-decoration: none;
            margin-left: -155px;
            position: relative;
        }
        .Adaptor a {
            color: #000 !important;
            text-decoration: none !important;
            text-align: center;
            margin-left: -150px;
            position: relative;
        }
</style>

3. Save and publish your viewtopic_body template.

* This trick will execute the CSS code to adjust the footer only for your your viewtopic_body template. Wink


Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: Footer alignment

Post by skouliki on July 21st 2016, 8:10 am

much much much better @Van-Helsing thanks
see below only a slice diffrence  

1.topics


2.homepage/forums



on ipad is like that

1.topics

2.homepage/forums


before we add your code ipad footer was ok topics and homepage..weird but ...

another thing is that the code footer that i have right now contains a similar adaptor code inside that Luffy gave to me (footerCols - width 100%) , in case you need to check it (overall footer)

Code:
<div id="footerCols">
 
  <div class="footercol">
    <h3><h3><img src="https://cdn4.iconfinder.com/data/icons/48-bubbles/48/20.Photos-20.png" style="margin-bottom:0px"/>Icon Skouliki </h3>
    <ul>
        <li><a href="http://iconskouliki.forumgreek.com/t39-topic">Γενικοί Κανόνες του Forum</a></li>
      <li><a href="http://iconskouliki.forumgreek.com/t40-topic">Κανόνες Ενότητας Graphic Requests</a></li>
      <li><a href="http://iconskouliki.forumgreek.com/faq">Συχνές Ερωτήσεις</a></li>
        <li><a href="http://iconskouliki.forumgreek.com/h1-page">Πολιτική Απορρήτου</a></li>
        <li><a href="http://iconskouliki.forumgreek.com/contact">Επικοινωνήστε μαζί μας</a></li>
              </ul>
</div>
  <div class="footercol">
    <h3><img src="https://cdn4.iconfinder.com/data/icons/48-bubbles/48/05.Tag-20.png" style="margin-bottom:0px"/>ΧΡΗΣΙΜΑ LINKS</h3>
    <ul>
      <li><a href="http://iconskouliki.forumgreek.com/f2-forum">Συστηθείτε/Χρήσιμες Πληροφορίες</a></li>
      <li><a href="http://iconskouliki.forumgreek.com/f14-forum">Αιτήματα Σχεδίασης</a></li>
      <li><a href="http://iconskouliki.forumgreek.com/f21-forum">Mascots/Emoticons</a></li>
    <li><a href="http://iconskouliki.forumgreek.com/t186-topic">Πως μάθατε για το IconSkouliki ?</a></li>
    </ul>
      </div>
 
  <div class="footercol">
      <h3><img src="https://cdn4.iconfinder.com/data/icons/48-bubbles/48/33.Thumbs-Up-20.png" style="margin-bottom:0px"/>FOLLOW US</h3>
    <ul>
 
      <li><img src="https://cdn2.iconfinder.com/data/icons/social-18/512/Twitter-20.png" style="margin-bottom:0px"/><a href="https://twitter.com/IconSkouliki">Twitter</a></li>
    <li><img src="https://cdn2.iconfinder.com/data/icons/social-18/512/Facebook-20.png" style="margin-bottom:0px"/><a href="https://www.facebook.com/Iconskouliki/?ref=bookmarks">Facebook</a></li>
          <li><img src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/rss_circle_color-20.png" style="margin-bottom:0px"/><a href="http://iconskouliki.forumgreek.com/rss">RSS</a></li>
          </ul>
  </div>
  
 <div class="footercol"
    
</div>
  
 </div>
 
 
<div class="cpy"><a href="http://iconskouliki.forumgreek.com/"> © Copyright 2016. Icon Skouliki</a>
  <br>
       </div>
<div class="Adaptor"><a href="http://best-design.forumgreek.com/">Best-Design Forum. All rights Reserved. </a><br>
  <br>
     <br>
  </div>
  </div>
</html>
<style>
.ol, ul {
    list-style: none;
}
#footerCols { width: 100%; }
.footercol {
    font-size: 11px;
    line-height: 25px;
    width: 18.0%;
margin: 0px 0px 0px 125px;
        padding: 15px 0 18px 0;
    vertical-align: top;
    display: inline-block;
    min-width: 125px;
}
.bdfooter {
    background: #464c55;
    color: #000;
    height: 280px;
}
div.footercol a {
    color: black !important;
    font-size: 11px !important;
    text-decoration: none;
}
.footercol h3 {
    text-transform: uppercase;
}
.cpy {
    text-align: center;
    text-decoration: none;
}
.cpy a {
    color: #000 !important;
    text-decoration: none !important;
}
.Adaptor {
    text-align: center;
    text-decoration: none;
}
.Adaptor a {
    color: #000 !important;
    text-decoration: none !important;
}
</style>

skouliki
Graphic Designer
Graphic Designer

Female Posts : 1216
Reputation : 200
Language : english,greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Footer alignment

Post by skouliki on July 27th 2016, 8:29 am

bump 

so can anyone help me to fix the wrapping in the topics to be around the footer ?

skouliki
Graphic Designer
Graphic Designer

Female Posts : 1216
Reputation : 200
Language : english,greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Footer alignment

Post by Van-Helsing on July 28th 2016, 11:23 pm

Hello @skouliki,
Find the following CSS in your viewtopic_body template:

Code:
.footercol {
    font-size: 11px;
    line-height: 25px;
    width: 18.0%;
    margin: 0px 0px 0px 125px;
    padding: 15px 0 18px 0;
    vertical-align: top;
    min-width: 125px;
    display: inline-block;
}

and replace the previous part with the following part of CSS code:

Code:
.footercol {
    font-size: 11px;
    line-height: 25px;
    width: 18.0%;
    margin: 0px 0px 0px 125px;
    padding: 15px 0 18px 0;
    vertical-align: top;
    min-width: 125px;
    display: inline-block;
    white-space: nowrap;
}

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: Footer alignment

Post by skouliki on July 29th 2016, 7:37 am

hello @van-helsing 
tnanks for answering 
so the result was that 


for your info the css i have now in my view body is the one you gave me

Code:
 #footerCols {
            width: 100%;
            margin-left: 200px;
            position: relative;
        }
        .cpy {
            text-align: center;
            text-decoration: none;
            margin-left: -155px;
            position: relative;
        }
        .Adaptor a {
            color: #000 !important;
            text-decoration: none !important;
            text-align: center;
            margin-left: -150px;
            position: relative;
        }
</style>

skouliki
Graphic Designer
Graphic Designer

Female Posts : 1216
Reputation : 200
Language : english,greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum