MyBB.de Forum
Footer, Themplate - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Footer, Themplate (/thread-34660.html)



Footer, Themplate - KaSo - 23.05.2017

Hallo,

wie ich Bild zu erkennen ist der Content und der Footer nicht in der gleichen Größe. Gerne möchte ich die beiden div-Container in der gleichen Breite haben.

Index_Themplate:
Code:
<html>
<head>
<title>{$mybb->settings['bbname']}</title>
{$headerinclude}
<script>
<!--
lang.no_new_posts = "{$lang->no_new_posts}";
lang.click_mark_read = "{$lang->click_mark_read}";
// -->
</script>
</head>
<body>

{$header}

<div style="width:81%;float:left">

{$show_moderation}

{$newsmessage}


{$forums}
</div>
<div style="width:18%;float:right">
<if $mybb->user['usergroup'] == 1 then>

<div class="tborder" style="width:auto;">
<div class="thead{$collapsedthead['box2']}">
<span class="expcolimage"><i class="fa fa-angle-up collapse_expand" id="box2_img" title="{$expaltext}"></i></span>
<strong>Wilkommen</strong>
</div>
<div style="{$collapsed['box2_e']}" id="box2_e">
<div class="trow1" style="padding:6px;">

<form method="post" action="http://xhilfe-board.de/member.php">
 <input type="hidden" name="action" value="do_login">
 <input type="hidden" name="url" value="">
<table width="100%" cellspacing="0" cellpadding="5" border="0">
<tbody><tr>
   <td class="login_desc" width="35%">Benutzername:</td>
    <td><div class="input-icon">
     <input type="text" class="textbox" name="username" title="{$login_username}" value="Benutzername" onfocus="if(this.value == '{$lang->login_username}') { this.value=''; }" onblur="if(this.value=='') { this.value='{$lang->login_username}'; }" />

    </div></td>
</tr>
<tr>
    <td class="login_desc" width="35%">Passwort: </td>
    <td><div class="input-icon">
<input type="password" class="textbox" name="password" title="{$lang->login_password}" value="Passwort" onfocus="if(this.value == '{$lang->login_password}') { this.value=''; }" onblur="if(this.value=='') { this.value='{$lang->login_password}'; }" />
     </div></td>
</tr>
</tbody></table>

<br><center>
<input type="submit" class="button" name="loginsubmit" value="Anmelden">
</center>
<br>
<label><input type="checkbox" class="checkbox" name="remember" value="yes" style="vertical-align: middle;">
Merken</label>
<div class="float_right">
 <a href="http://xhilfe-board.de/member.php?action=lostpw" class="lost_password">Passwort vergessen?</a>
</div>
<br>

</form>
<div class="postbit_buttons float_right" style="margin-top: -27px;">

</div>
</form>
</div>
</div>
</div><br />


</if>

<div class="tborder" style="width:auto;">
<div class="thead{$collapsedthead['box1']}">
<span class="expcolimage"><i class="fa fa-angle-up collapse_expand" id="box1_img" title="{$expaltext}"></i></span>
<strong>Schnellzugriff</strong>
</div>
<div style="{$collapsed['box1_e']}" id="box1_e">
<div class="trow1" style="padding:6px;">
<b>Themen:</b>
<ul style="list-style: none;">
<li><a href="/search.php?action=getnew" original-title=""><i class="fa fa-bullhorn" aria-hidden="true" original-title=""></i> Neue Themen</a></li>
<li><a href="/search.php?action=getdaily" original-title=""><i class="fa fa-bullhorn" aria-hidden="true" original-title=""></i> Heutige Themen</a></li>
</ul>

<b>Kategorien:</b>
<ul style="list-style: none;">
<li><a href="/" original-title=""><i class="fa fa-comments-o" aria-hidden="true" original-title=""></i> xHilfe-Board</a></li>
<li><a href="/" original-title=""><i class="fa fa-globe" aria-hidden="true" original-title=""></i> Webmaster</a></li>
<li><a href="/" original-title=""><i class="fa fa-eur" aria-hidden="true" original-title=""></i> xBasar</a></li>
</ul>

</div>

</div>
</div><br />

<div class="tborder" style="width:auto;">
<div class="thead{$collapsedthead['box2']}">
<span class="expcolimage"><i class="fa fa-angle-up collapse_expand" id="box2_img" title="{$expaltext}"></i></span>
<strong>Werbung</strong>
</div>
<div style="{$collapsed['box2_e']}" id="box2_e">
<div class="trow1" style="padding:6px;">
<center>
<img src="http://rapfield.de/partner_werden.png" />
<img src="http://rapfield.de/partner_werden.png" />
<img src="http://rapfield.de/partner_werden.png" />
<img src="http://rapfield.de/partner_werden.png" />
<img src="http://rapfield.de/partner_werden.png" />
<img src="http://rapfield.de/partner_werden.png" />

</center>

</div>
</div>
</div>

<br />

<div class="tborder" style="width:auto;">
<div class="thead{$collapsedthead['box2']}">
<span class="expcolimage"><i class="fa fa-angle-up collapse_expand" id="box2_img" title="{$expaltext}"></i></span>
<strong>Meinungen</strong>
</div>
<div style="{$collapsed['box2_e']}" id="box2_e">
<div class="trow1" style="padding:6px;">
<center>

<ul id="tips">
   <li>
... it takes more time to code a web page then to make a pizza? - <a href="./member.php?action=profile&uid=662"><b>0aSo</b></a>

</li>
   <li>... it takes more time to code a web page then to make a pizza?</li>
   <li>... you should validate your code?</li>
   <li>... jQuery is your friend? For real!</li>
   <li>... no matter what some people claim, you can't learn CSS in 3 hours?</li>
</ul>

<style>
   #tips, #tips li{
   margin:0;
   padding:0;
   list-style:none;
   }
#tips{
   width:300px;
   font-size: 100%;
   line-height:100%;
   }
#tips li{
   padding:10px;
   display:none;
   }
</style>
<script type="text/javascript">

this.randomtip = function(){
   var length = $("#tips li").length;
   var ran = Math.floor(Math.random()*length) + 1;
   $("#tips li:nth-child(" + ran + ")").show();
};

$(document).ready(function(){    
   randomtip();
});

</script>



</center>

</div>
</div>
</div>

<br />

</div>
<br class="clear" />

{$boardstats}
{$footer}


<script language="javascript" type="text/javascript">
function show(target) {
   document.getElementById(target).style.display = 'block';
}

function hide(target) {
   document.getElementById(target).style.display = 'none';
}

$(document).ready(function() {

 // If the 'hide cookie is not set we show the message
 if (!readCookie('hide')) {
   $('#popupDiv').show();
 }

 // Add the event that closes the popup and sets the cookie that tells us to
 // not show it again until one day has passed.
 $('#close').click(function() {
   $('#popupDiv').hide();
   createCookie('hide', true, 1)
   return false;
 });

});

// ---
// And some generic cookie logic
// ---
function createCookie(name,value,days) {
 if (days) {
   var date = new Date();
   date.setTime(date.getTime()+(days*24*60*60*1000));
   var expires = "; expires="+date.toGMTString();
 }
 else var expires = "";
 document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
 var nameEQ = name + "=";
 var ca = document.cookie.split(';');
 for(var i=0;i < ca.length;i++) {
   var c = ca[i];
   while (c.charAt(0)==' ') c = c.substring(1,c.length);
   if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
 }
 return null;
}

function eraseCookie(name) {
 createCookie(name,"",-1);
}
</script>
</body>
</html>

Habe die beiden Variablen

{$boardstats}
{$footer}

oben eingefügt.

Code:
Code:
<div style="width:81%;float:left">

{$show_moderation}
{$newsmessage}
{$forums}

</div>

Resultat im 2. Bild.

Wäre über eueren Vorschlag sehr erfreut, Danke.


RE: Footer, Themplate - MrBrechreiz - 23.05.2017

Kein Schimmer was Du da schreibst. Mit Deutsch hat das nicht viel zu tun.


RE: Footer, Themplate - sjfm - 25.05.2017

hi!
ist deine glaskugel matt geworden? Wink


RE: Footer, Themplate - MrBrechreiz - 25.05.2017

Die ist tief schwarz Toungue


RE: Footer, Themplate - Erkan - 25.05.2017

hat mit <div style="width:81%;float:left"> zutun entweder 81% ändern oder mit px; probieren z.B 933px;


RE: Footer, Themplate - sjfm - 26.05.2017

hi!
wobei % immer besser sind wegen der unterschiedlichen moni grössen.