Footer, Themplate
23.05.2017, 18:58
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:
Habe die beiden Variablen
{$boardstats}
{$footer}
oben eingefügt.
Code:
Resultat im 2. Bild.
Wäre über eueren Vorschlag sehr erfreut, Danke.
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.