hab jetzt schon einiges ausprobiert aber ich brauch jemanden der mir weiterhilft. Möchte gerne meinen Footer anders platzieren so das ich am Footer unten noch ein wenig Platz (Transparent) habe.
Würde mich sehr freuen über Hilfe.
Ich poste mal die Codes:
index.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="include/designs/Zeisigwald/style.css">
<script type="text/javascript">
function oeffnefenster (url) {
fenster = window.open(url, "fenster1", "width=450,height=150,status=yes,scrollbars=no,resizable=no");
fenster.focus();
}
</script>
<style type="text/css">
#bildseite
{
position:relative;
float: left;
width: 215px;
left:605px; top:222px;
border-bottom: 0px solid #000000;
border-right: 0px solid #000000;
}
</style>
<link rel="stylesheet" href="include/includes/css/slide.css" type="text/css" media="screen" />
<!-- Sliding effect -->
<script type="text/javascript"
src="include/includes/js/slide.js" >
</script>
<script type="text/javascript" src="include/includes/js/messenger.js"></script>
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/chat.css" />
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen.css" />
<!--[if lte IE 7]>
<link type="text/css" rel="stylesheet" media="all" href="include/includes/css/messenger/screen_ie.css" />
<![endif]-->
<style type="text/css">
.facebook {display:inline-block;background:transparent url('include/images/icons_comm6/facebook.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.facebook:hover {display:inline-block;background:transparent url('include/images/icons_comm6/facebook.png') no-repeat bottom right;width: 46px; height: 40px;border: none;}
.rss {display:inline-block;background:transparent url('include/images/icons_comm6/rss.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.rss:hover {display:inline-block;background:transparent url('include/images/icons_comm6/rss.png') no-repeat bottom right;width: 46px; height: 40px;border: none;}
.ts {display:inline-block;background:transparent url('include/images/icons_comm6/ts.png') no-repeat top left;width: 46px; height: 40px;border: none;}
.ts:hover {display:inline-block;background:transparent url('include/images/icons_comm6/ts.png') no-repeat bottom right;width: 46px; height: 40px;border: none;}
.closed {float:left;display:block;width: 16px;height: 16px;background-image: url('include/images/icons_comm6/closed.png');background-repeat: no-repeat;}
.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color:#000;
z-index:1001;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
}
.white_content {
display: none;
position: fixed;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
-webkit-box-shadow:8px 8px 8px #000;-moz--box-shadow:8px 8px 8px #000;box-shadow:8px 8px 8px #000;
left:50%; top:50%;
margin-left:-200px; margin-top:-250px;
width: 500px;
height: 500px;
padding: 4px;
border: 1px solid #bbbbbb;
background-color: #ffffff;
color: #000000;
z-index:1002;
overflow: auto;
}
</style>
<link rel="stylesheet" type="text/css" href="include/extras/fancybox/jquery.fancybox.css" media="screen" />
<script type="text/javascript" src="include/extras/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="include/extras/fancybox/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="include/extras/fancybox/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("table#galimages a").fancybox(
{
'zoomSpeedIn': 800,
'zoomSpeedOut': 500,
'zoomSpeedChange': 300,
'zoomOpacity': 0.5,
'overlayOpacity': 0.5,
'easingIn' : 'easeOutBack',
'easingOut' : 'easeInBack',
'overlayShow': true
}
);
$("div#bbvideo a").fancybox(
{
'zoomSpeedIn': 800,
'zoomSpeedOut': 500,
'zoomSpeedChange': 800,
'zoomOpacity': 0.5,
'overlayOpacity': 0.5,
'overlayShow': true
}
);
});
</script>
</head>
<body>
<div id="icon_button" style="left:0px;position:fixed;top:19px;" >
<a class="facebook" target="_blank" href="https://www.facebook.com/pages/Briten-vom-Zeisigwald/419188498172246" title="Besuch uns bei Facebook"></a><br/>
<a class="rss" title="News abonieren" href="index.php?news-rss" target="_blank"></a><br/>
<a class="ts" href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'" title="Kontaktiere uns"></a></div>
<div id="light" class="white_content"><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" class="closed" title="Fenster schließen"></a><br><br>
<!-- Anfang TS Code -->
<a href="index.php?contact"><img src="http://www.vomzeisigwald.de/include/downs/upload/Zeisigwald/kontakt.png" alt="Kontakt" border="0"> </a>
<!-- Ende TS Code -->
</div><div id="fade" class="black_overlay"></div>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="center">
<div id="top">
<div id="header"> <div style="float:left;" id="tagcloud"><?/div>
<div id="bildseite">{_if_{SESSION_AUTHRIGHT}<='-1'} <b><font size="-2"></font></b>{_boxes_tagcloud} {_else_} {_boxes_tagcloud} {/_endif}</div> </div></div>
</div>
<div id="center">
<div id="left_col"><input type="button" name="Livecam" value="Webcam" onclick="window.open('http://doyo26.ddns-instar.de/main.htm','Webcam','width=880, height=680, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><input type="button" name="showchat" value="Webchat" onclick="window.open('index.php?ajaxchat&iframe=false','Chat','width=720, height=520, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes');"><br><br>
{_list_menunr1@
<table cellpadding="0" cellspacing="0" border="0" width="160">
<tr>
<td style="height: 31px; background: url(include/designs/Zeisigwald/img/box_left_top.jpg) top left no-repeat;"><b class="menu_heading">%1</b></td>
</tr>
<tr>
<td style="background: url(include/designs/Zeisigwald/img/box_left_middle.jpg) top left repeat-y; padding: 5px; align="left">%2</td>
</tr>
<tr>
<td style="height: 8px; background: url(include/designs/Zeisigwald/img/box_left_bottom.jpg) bottom left no-repeat;"></td>
</tr>
</table>
}
</div>
<div id="main_col">
<table width="715" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="min-height:-30px;padding: 0px;" colspan="5"><b><p align="center"><div align="center">{_boxes_freunde}</div><center></center></div></div></div>
</p><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%"></td>
</tr>
</table><br></b>{EXPLODE}<br></td>
</tr>
</table>
<div align="center">
</div>
</div>
<div id="footer"><br><br> <font color="#ffffff"><font size="-2">Copyright © 2013 vomzeisigwald.de Britisch Kurz und Langhaar Katzen aus Sachsen.<a href="/index.php?rules"><b><font size="-2"><font color="#ffffff">Impressum</font></font></b></a>
</div>
</div>
</div>
</td>
</tr>
</table>
<!--
{_list_DDDmenupoint@
<strong><big>·</big></strong>
<a %1 class="box" href="%2">%3</a>
<br />
}
//-->
<!--
[null, '%3', '%2', '%1', null|],|,
-->
<!-- anfang + link |ende |teilende|teilee -->
<!-- horizontaler menupunkt -->
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
<!-- horizontaler menupunkt anfang -->
{_list_hmenubegi@<ul>}
<!-- horizontaler menupunkt ende -->
{_list_hmenuende@</ul>}
<!-- vertikaler menupunkt -->
{_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
<!-- vertikaler menupunkt anfang -->
{_list_vmenubegi@<ul>}
<!-- vertikaler menupunkt ende -->
{_list_vmenuende@</ul>}
<script type="text/javascript">
var state = 0;
var wait = false;
function changeSlider2()
{
if(state==1){
$('#game_slid').animate({width: 335 }, "slow", function(){state = 0;}
);
}
else
$('#game_slid').animate({width: 556 }, "slow", function(){state = 0;}
);
}
$('#game_slid').click(function(){
changeSlider2();
});
</script>
</body>
</html>
style.css
body {
margin : 0;
padding : 0;
background : url(img/bg.jpg);
background-repeat : repeat;
background-attachment : scroll;
background-color : #294141;
font : 10px Verdana, Helvetica, sans-serif;
text-decoration : none
}
#tagcloud {
margin-left : 150px;
margin-top : 12px;
}
#bildseite {
float : left;
margin-top : -220px;
margin-left : -125px;
}
#iframe_1 {
text-align : center;
width : 0px;
height : 0px;
background : #000000;
}
input.farbig {
background-color : #294141;
color : #eaddbc;
padding : 1px;
font-size : 11px;
border-color : #eaddbc;
}
#rekrutieren {
margin : auto !important;
text-align : left;
width : 120px;
padding : 2px;
margin-bottom : 1px !important;
}
.tableBorder {
border : 1px solid #158484;
}
.abstand_iframe {
padding : 10px;
}
.scrollbereich {
overflow : hidden;
width : 180px;
height : 180px;
}
#top {
margin : 0 auto;
padding : 0;
width : 1100px
}
#footer_menu {
color : #9d8a68;
width : 200px;
float : left;
margin : 65px 0px 0px 350px;
display : inline;
}
#header {
background-image : url(img/header.png);
background-repeat : no-repeat;
background-position : center bottom;
width : 1100px;
height : 268px
}
#center {
background-image : url(img/center.png);
background-position : center;
margin : 0 auto;
padding : 0;
width : 1100px;
}
#footer {
background-image : url(img/footer.png);
background-repeat : no-repeat;
background-position : center;
text-align : center;
width : 1100px;
height : 86px;
clear : both
}
#left_col {
width : 150px;
color : #8f7a30;
float : left;
margin-left : 86px;
}
#left_col .Cmite, #left_col .Cnorm, #left_col .Cdark {
color : #333333;
}
#left_col .menu_heading {
color : #F7FFFF;
display : block;
letter-spacing : 2px;
font-size : 10px;
padding-top : 0px;
padding-left : 30px;
padding-right : 5px;
padding-bottom : 10px;
}
#left_col ul {
padding : 0;
margin : 0;
list-style : inside url(img/box_menu_pfeil.png);
width : 145px;
}
#left_col li ul {
width : 145px;
background : url(img/box_menu_trennlinie.gif) no-repeat top;
}
#left_col li li {
padding-left : 0px;
}
#left_col li a {
color : #333333;
padding-left : 0px;
font-size : 13px;
font-weight : bold;
text-decoration : none;
}
#left_col li a:hover {
color : #3299A7;
padding-left : 0px;
font-size : 13px;
font-weight : bold;
text-decoration : none;
}
#main_col {
width : 500px;
float : left;
margin-left : 41px;
clear : none;
min-height : 100px;
}
#right_col1 {
width : 182px;
float : right;
padding-top : 0px;
padding-left : 8px;
padding-right : 10px;
padding-bottom : 0px;
}
#right_col1 .menu_heading {
color : #d4c7b5;
display : block;
letter-spacing : 1px;
font-size : 10px;
padding-top : 15px;
padding-left : 15px;
padding-right : 5px;
padding-bottom : 0px;
}
#search_box {
color : #6E9797;
float : right;
margin : 15px 20px 0px 0px;
display : inline;
}
img {
border : 0px;
}
td {
font-family : Verdana;
font-size : 12px;
}
a, #left_col .Cmite a, #left_col .Cnorm a, #left_col .Cdark a {
color : #104848;
font-family : Verdana;
font-size : 11px;
text-decoration : none;
}
a:hover {
color : #3299A7;
text-decoration : none;
font-size : 11px;
}
a.box {
color : #154C4C;
font-family : Verdana;
font-size : 11px;
text-decoration : none;
}
a.box:hover {
color : #3299A7;
text-decoration : none;
font-size : 11px;
}
.Chead {
font-size : 11px;
background : #C3D2D4;
color : #1C4242;
}
.Chead td, .Chead td strong, .Chead h4, .Chead td b {
background : #E7EEEF;
color : #153737;
}
.Callg {
color : #153737;
}
.Callg td {
color : #153737;
}
.Cnorm {
background-color : #E7EEEF;
}
.Cmite {
background-color : #E7EEEF;
}
.Cdark {
background-color : #C6DBDE;
}
.rand {
border : solid #AACACE 0px;
}
.smalfont {
font-size : 11px;
text-decoration : none;
}
.border {
background-color : #7F9393;
}
.title {
color : #1A4242;
font : 11px Verdana;
font-weight : bold
}
.login {
color : #1A4242;
background-color : #272727;
font-size : 10px;
font-family : verdana, arial, helvetica;
border-style : solid;
border : 2px;
border-color : #497D83;
}
hr {
height : 0px;
border : solid #804000 0px;
border-top-width : 1px;
}
input, textarea, select {
color : #6A8386;
font : 11px Verdana;
border-color : #87A1A4;
border-width : 2px;
border-style : solid;
font-weight : none;
text-decoration : none;
background-color : #FFFFFF;
}
irgendwo hab ich da den Wurm drinne. Sobald ich den Footer vergößere bzw verschiebe um Platz zu schaffen geht das so nicht.
Leider weiß ich echt nicht mehr weiter.
Danke und LG für die Helfenden
betroffene Homepage: externer Link
