footer

Status
Nicht offen für weitere Antworten.

fortyniner

Grünschnabel
Hallo,

ich habe 2 Probleme mit einem footer an denen ich jetzt schon 2 Tage sitze und die mich so langsam zum Wahnsinn treiben!

Ich möchte dass der footer wenn wenig Inhalt auf der Seite ist am unteren Bildschirmrand angezeigt wird. Bei viel Inhalt soll der footer unterhalb des Inhalts sein.

Ich weiss das dieses Problem schon sicher 1 Million mal besprochen wurde aber ich habe nichts gefunden was mein Problem löst.

Ausserdem wird im footer das Hintergrundbild nicht angezeigt.

http://www.nhorvath.com/test2/philosophie.html

Viele Dank für die Hilfe

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"><!-- InstanceBegin template="/Templates/templatemain.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Unbenanntes Dokument</title>
<!-- InstanceEndEditable -->
<style type="text/css">
    <!--
@import url("navbar/navbar.css");


html{
height: 100%;
}


    body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	height:100%;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
	background-color: #FFFFFF;
    }
    .oneColFixCtrHdr #container {
	width: 900px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #FFFFFF;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	min-height: 100%; 
	position: relative;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
    }
	* html .oneColFixCtrHdr #container {height: 100%;}
    .oneColFixCtrHdr #header {
	margin: 0px;
	background-color: #FFFFFF;
    }
    .oneColFixCtrHdr #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
    .oneColFixCtrHdr #mainContent {
	background: #FFFFFF;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
    }
    .oneColFixCtrHdr #footer {
	font-size: 13px;
	clip: rect(auto,auto,auto,auto);
	position: fixed;
	bottom: 0px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-image: url(../pictures/untenbar.png);
	padding: 0px;
	margin-top: 30px;
	height: 40px;
	width: 900px;
    }
    .oneColFixCtrHdr #footer p {
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 30px;
    }
	

	

	

	

	

	

	

	

    -->
    </style>
<script language="JavaScript1.2" type="text/javascript" src="navbar/mm_css_menu.js"></script>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
<link href="css/css.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}
a:link {
	color: #0033CC;
}
-->
</style></head>

<body class="oneColFixCtrHdr" onload="MM_preloadImages('navbar/navbar_r2_c11_f2.png','navbar/navbar_r2_c13_f2.png','navbar/navbar_r2_c16_f2.png','navbar/navbar_r6_c2_f2.png','navbar/navbar_r6_c4_f2.png','navbar/navbar_r6_c5_f2.png','navbar/navbar_r6_c7_f2.png','navbar/navbar_r6_c8_f2.png','navbar/navbar_r6_c9_f2.png','navbar/navbar_r6_c10_f2.png','navbar/navbar_r6_c14_f2.png')">

<div id="container">
      <div id="header">
        <div id="FWTableContainer729912375">
          <table border="0" cellpadding="0" cellspacing="0" width="900">
            <!-- fwtable fwsrc="navbar.png" fwpage="Seite 1" fwbase="navbar.png" fwstyle="Dreamweaver" fwdocid = "729912375" fwnested="0" -->
            <tr>
              <td><img src="navbar/spacer.gif" width="4" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="31" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="81" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="111" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="53" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="58" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="111" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="111" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="111" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="14" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="64" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="8" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="25" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="29" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="7" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="69" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="8" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="5" height="1" border="0" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="1" height="1" border="0" alt="" /></td>
            </tr>
            <tr>
              <td colspan="18"><img name="navbar_r1_c1" src="navbar/navbar_r1_c1.png" width="900" height="9" border="0" id="navbar_r1_c1" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="1" height="9" border="0" alt="" /></td>
            </tr>
            <tr>
              <td rowspan="2" colspan="10"><img name="navbar_r2_c1" src="navbar/navbar_r2_c1.png" width="685" height="23" border="0" id="navbar_r2_c1" alt="" /></td>
              <td><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r2_c11','','navbar/navbar_r2_c11_f2.png',1);"><img name="navbar_r2_c11" src="navbar/navbar_r2_c11.png" width="64" height="17" border="0" id="navbar_r2_c11" alt="Startseite" /></a></td>
              <td rowspan="4"><img name="navbar_r2_c12" src="navbar/navbar_r2_c12.png" width="8" height="111" border="0" id="navbar_r2_c12" alt="" /></td>
              <td colspan="2"><a href="sitemap.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r2_c13','','navbar/navbar_r2_c13_f2.png',1);"><img name="navbar_r2_c13" src="navbar/navbar_r2_c13.png" width="54" height="17" border="0" id="navbar_r2_c13" alt="Sitemap" /></a></td>
              <td rowspan="4"><img name="navbar_r2_c15" src="navbar/navbar_r2_c15.png" width="7" height="111" border="0" id="navbar_r2_c15" alt="" /></td>
              <td><a href="javascript:;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r2_c16','','navbar/navbar_r2_c16_f2.png',1);"><img name="navbar_r2_c16" src="navbar/navbar_r2_c16.png" width="69" height="17" border="0" id="navbar_r2_c16" alt="" /></a></td>
              <td rowspan="4" colspan="2"><img name="navbar_r2_c17" src="navbar/navbar_r2_c17.png" width="13" height="111" border="0" id="navbar_r2_c17" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="1" height="17" border="0" alt="" /></td>
            </tr>
            <tr>
              <td rowspan="3"><img name="navbar_r3_c11" src="navbar/navbar_r3_c11.png" width="64" height="94" border="0" id="navbar_r3_c11" alt="" /></td>
              <td rowspan="3" colspan="2"><img name="navbar_r3_c13" src="navbar/navbar_r3_c13.png" width="54" height="94" border="0" id="navbar_r3_c13" alt="" /></td>
              <td rowspan="3"><img name="navbar_r3_c16" src="navbar/navbar_r3_c16.png" width="69" height="94" border="0" id="navbar_r3_c16" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="1" height="6" border="0" alt="" /></td>
            </tr>
            <tr>
              <td rowspan="2" colspan="2"><img name="navbar_r4_c1" src="navbar/navbar_r4_c1.png" width="35" height="88" border="0" id="navbar_r4_c1" alt="" /></td>
              <td colspan="3"><a href="index.html"><img name="navbar_r4_c3" src="navbar/navbar_r4_c3.png" width="245" height="60" border="0" id="navbar_r4_c3" alt="" /></a></td>
              <td rowspan="2" colspan="5"><img name="navbar_r4_c6" src="navbar/navbar_r4_c6.png" width="405" height="88" border="0" id="navbar_r4_c6" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="1" height="60" border="0" alt="" /></td>
            </tr>
            <tr>
              <td colspan="3"><img name="navbar_r5_c3" src="navbar/navbar_r5_c3.png" width="245" height="28" border="0" id="navbar_r5_c3" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="1" height="28" border="0" alt="" /></td>
            </tr>
            <tr>
              <td rowspan="2"><img name="navbar_r6_c1" src="navbar/navbar_r6_c1.png" width="4" height="30" border="0" id="navbar_r6_c1" alt="" /></td>
              <td colspan="2"><a href="philosophie.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r6_c2','','navbar/navbar_r6_c2_f2.png',1);"><img name="navbar_r6_c2" src="navbar/navbar_r6_c2.png" width="112" height="25" border="0" id="navbar_r6_c2" alt="Philosophie" /></a></td>
              <td><a href="team.html" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(1000)" onmouseover="MM_menuShowMenu('MMMenuContainer0313171013_0', 'MMMenu0313171013_0',0,30,'navbar_r6_c4');MM_swapImage('navbar_r6_c4','','navbar/navbar_r6_c4_f2.png',1);"><img name="navbar_r6_c4" src="navbar/navbar_r6_c4.png" width="111" height="25" border="0" id="navbar_r6_c4" alt="Team" /></a></td>
              <td colspan="2"><a href="leistungen.html" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(1000)" onmouseover="MM_menuShowMenu('MMMenuContainer0313172129_1', 'MMMenu0313172129_1',0,30,'navbar_r6_c5');MM_swapImage('navbar_r6_c5','','navbar/navbar_r6_c5_f2.png',1);"><img name="navbar_r6_c5" src="navbar/navbar_r6_c5.png" width="111" height="25" border="0" id="navbar_r6_c5" alt="Leistungen" /></a></td>
              <td><a href="/bilderpraxis/bilderpraxis.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r6_c7','','navbar/navbar_r6_c7_f2.png',1);"><img name="navbar_r6_c7" src="navbar/navbar_r6_c7.png" width="111" height="25" border="0" id="navbar_r6_c7" alt="Bilder Praxis" /></a></td>
              <td><a href="aktuelles.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r6_c8','','navbar/navbar_r6_c8_f2.png',1);"><img name="navbar_r6_c8" src="navbar/navbar_r6_c8.png" width="111" height="25" border="0" id="navbar_r6_c8" alt="Aktuelles" /></a></td>
              <td><a href="innovationen.html" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(1000)" onmouseover="MM_menuShowMenu('MMMenuContainer0313172847_2', 'MMMenu0313172847_2',0,30,'navbar_r6_c9');MM_swapImage('navbar_r6_c9','','navbar/navbar_r6_c9_f2.png',1);"><img name="navbar_r6_c9" src="navbar/navbar_r6_c9.png" width="111" height="25" border="0" id="navbar_r6_c9" alt="Innovationen" /></a></td>
              <td colspan="4"><a href="anfahrt.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r6_c10','','navbar/navbar_r6_c10_f2.png',1);"><img name="navbar_r6_c10" src="navbar/navbar_r6_c10.png" width="111" height="25" border="0" id="navbar_r6_c10" alt="Anfahrt" /></a></td>
              <td colspan="4"><a href="kontakt.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('navbar_r6_c14','','navbar/navbar_r6_c14_f2.png',1);"><img name="navbar_r6_c14" src="navbar/navbar_r6_c14.png" width="113" height="25" border="0" id="navbar_r6_c14" alt="Kontakt" /></a></td>
              <td rowspan="2"><img name="navbar_r6_c18" src="navbar/navbar_r6_c18.png" width="5" height="30" border="0" id="navbar_r6_c18" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="1" height="25" border="0" alt="" /></td>
            </tr>
            <tr>
              <td colspan="16"><img name="navbar_r7_c2" src="navbar/navbar_r7_c2.png" width="891" height="5" border="0" id="navbar_r7_c2" alt="" /></td>
              <td><img src="navbar/spacer.gif" width="1" height="5" border="0" alt="" /></td>
            </tr>
          </table>
          <div id="MMMenuContainer0313171013_0">
            <div id="MMMenu0313171013_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="drhorvath.html" id="MMMenu0313171013_0_Item_0" class="MMMIFVStyleMMMenu0313171013_0" onmouseover="MM_menuOverMenuItem('MMMenu0313171013_0');"> Dr.&nbsp;Horvath </a> <a href="vortraege.html" id="MMMenu0313171013_0_Item_1" class="MMMIVStyleMMMenu0313171013_0" onmouseover="MM_menuOverMenuItem('MMMenu0313171013_0');"> Vortr&auml;ge </a> <a href="patente.html" id="MMMenu0313171013_0_Item_2" class="MMMIVStyleMMMenu0313171013_0" onmouseover="MM_menuOverMenuItem('MMMenu0313171013_0');"> Patente </a> </div>
          </div>
          <div id="MMMenuContainer0313172129_1">
            <div id="MMMenu0313172129_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="implantologie.html" id="MMMenu0313172129_1_Item_0" class="MMMIFVStyleMMMenu0313172129_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172129_1');"> Implantologie </a> <a href="cerec.html" id="MMMenu0313172129_1_Item_1" class="MMMIVStyleMMMenu0313172129_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172129_1');"> Cerec&nbsp;3D </a> <a href="prothetik.html" id="MMMenu0313172129_1_Item_2" class="MMMIVStyleMMMenu0313172129_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172129_1');"> Prothetik </a> <a href="kons.html" id="MMMenu0313172129_1_Item_3" class="MMMIVStyleMMMenu0313172129_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172129_1');"> Wei&szlig;e&nbsp;F&uuml;llungen </a> <a href="parodontologie.html" id="MMMenu0313172129_1_Item_4" class="MMMIVStyleMMMenu0313172129_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172129_1');"> Parodontologie </a> <a href="endodontologie.html" id="MMMenu0313172129_1_Item_5" class="MMMIVStyleMMMenu0313172129_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172129_1');"> Endodontologie </a> <a href="chirurgie.html" id="MMMenu0313172129_1_Item_6" class="MMMIVStyleMMMenu0313172129_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172129_1');"> Chirurgische&nbsp;Einrgiffe </a> <a href="bleaching.html" id="MMMenu0313172129_1_Item_7" class="MMMIVStyleMMMenu0313172129_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172129_1');"> Bleaching </a> <a href="prophylaxe.html" id="MMMenu0313172129_1_Item_8" class="MMMIVStyleMMMenu0313172129_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172129_1');"> Prophylaxe </a> <a href="informationen.html" id="MMMenu0313172129_1_Item_9" class="MMMIVStyleMMMenu0313172129_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172129_1','1');"> <span class="MMMenuItemSpanMMMenu0313172129_1">Informationen</span> <img src="navbar/arrows.gif" alt="" width="8" height="8" class="MMArrowStyleMMMenu0313172129_1" /> </a> </div>
            <div id="MMMenu0313172129_1_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="mundhygiene.html" id="MMMenu0313172129_1_1_Item_0" class="MMMIFVStyleMMMenu0313172129_1_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172129_1_1');"> Mundhygiene </a> <a href="kinder.html" id="MMMenu0313172129_1_1_Item_1" class="MMMIVStyleMMMenu0313172129_1_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172129_1_1');"> Mundhygiene&nbsp;bei&nbsp;Kindern </a> <a href="postop.html" id="MMMenu0313172129_1_1_Item_2" class="MMMIVStyleMMMenu0313172129_1_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172129_1_1');"> Verhalten&nbsp;nach&nbsp;einer&nbsp;Operation </a> <a href="prothesenpflege.html" id="MMMenu0313172129_1_1_Item_3" class="MMMIVStyleMMMenu0313172129_1_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172129_1_1');"> Prothesenpflege </a> <a href="links.html" id="MMMenu0313172129_1_1_Item_4" class="MMMIVStyleMMMenu0313172129_1_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172129_1_1');"> Links </a> </div>
          </div>
          <div id="MMMenuContainer0313172847_2">
            <div id="MMMenu0313172847_2" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="optradam.html" id="MMMenu0313172847_2_Item_0" class="MMMIFVStyleMMMenu0313172847_2" onmouseover="MM_menuOverMenuItem('MMMenu0313172847_2','1');"> <span class="MMMenuItemSpanMMMenu0313172847_2">OptraDam</span> <img src="navbar/arrows.gif" alt="" width="8" height="8" class="MMArrowStyleMMMenu0313172847_2" /> </a> <a href="optragate.html" id="MMMenu0313172847_2_Item_1" class="MMMIVStyleMMMenu0313172847_2" onmouseover="MM_menuOverMenuItem('MMMenu0313172847_2','2');"> <span class="MMMenuItemSpanMMMenu0313172847_2">OptraGate</span> <img src="navbar/arrows.gif" alt="" width="8" height="8" class="MMArrowStyleMMMenu0313172847_2" /> </a> <a href="knochenaufbau.html" id="MMMenu0313172847_2_Item_2" class="MMMIVStyleMMMenu0313172847_2" onmouseover="MM_menuOverMenuItem('MMMenu0313172847_2');"> Knochenaufbau </a> <a href="roefilmhalter.html" id="MMMenu0313172847_2_Item_3" class="MMMIVStyleMMMenu0313172847_2" onmouseover="MM_menuOverMenuItem('MMMenu0313172847_2');"> R&ouml;ntgenfilmhalter </a> <a href="vortraege.html" id="MMMenu0313172847_2_Item_4" class="MMMIVStyleMMMenu0313172847_2" onmouseover="MM_menuOverMenuItem('MMMenu0313172847_2');"> Vortr&auml;ge </a> <a href="patente.html" id="MMMenu0313172847_2_Item_5" class="MMMIVStyleMMMenu0313172847_2" onmouseover="MM_menuOverMenuItem('MMMenu0313172847_2');"> Patente </a> </div>
            <div id="MMMenu0313172847_2_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="tipps.html" id="MMMenu0313172847_2_1_Item_0" class="MMMIFVStyleMMMenu0313172847_2_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172847_2_1');"> Tipps&nbsp;und&nbsp;Tricks&nbsp;OptraDam </a> <a href="einsetzen.html" id="MMMenu0313172847_2_1_Item_1" class="MMMIVStyleMMMenu0313172847_2_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172847_2_1');"> Einsetzen </a> <a href="/bilderoptradam/bilderoptradam.html" id="MMMenu0313172847_2_1_Item_2" class="MMMIVStyleMMMenu0313172847_2_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172847_2_1');"> Bilder&nbsp;OptraDam </a> <a href="videooptradam.html" id="MMMenu0313172847_2_1_Item_3" class="MMMIVStyleMMMenu0313172847_2_1" onmouseover="MM_menuOverMenuItem('MMMenu0313172847_2_1');"> Video&nbsp;OptraDam </a> </div>
            <div id="MMMenu0313172847_2_2" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="einsetzen.html" id="MMMenu0313172847_2_2_Item_0" class="MMMIFVStyleMMMenu0313172847_2_2" onmouseover="MM_menuOverMenuItem('MMMenu0313172847_2_2');"> Einsetzen </a> <a href="/bilderoptragate/bilderoptragate.html" id="MMMenu0313172847_2_2_Item_1" class="MMMIVStyleMMMenu0313172847_2_2" onmouseover="MM_menuOverMenuItem('MMMenu0313172847_2_2');"> Bilder&nbsp;OptraGate </a> <a href="videooptragate.html" id="MMMenu0313172847_2_2_Item_2" class="MMMIVStyleMMMenu0313172847_2_2" onmouseover="MM_menuOverMenuItem('MMMenu0313172847_2_2');"> Video&nbsp;OptraGate </a> </div>
          </div>
        </div>
  </div>
<!-- InstanceBeginEditable name="EditRegion1" -->
      <div id="mainContent">
        <h1>Team</h1>
        <p></p>
        <h2>H2-Überschrift </h2>
        <p></p>
        <!-- end #mainContent -->
      </div>
      <!-- InstanceEndEditable -->
  <div id="footer">
        <p>© Dr. D. Horvath, Bahnhofstrasse 24, D-79798 Jestetten, Tel: 0049 7745 7211, email: <a href="mailto:%20kontakt@drhorvath.de" target="_blank">kontakt@drhorvath.de</a> | <a href="index.html">Startseite</a> | <a href="sitemap.html">Sitemap</a> | <a href="impressum.html">Impressum</a></p>
  <!-- end #footer --></div>
<!-- end #container --></div>
</body>
<!-- InstanceEnd --></html>
 
Hi und herzlich Willkommen im Forum :)

Versuch es mal hiermit:

Code:
.oneColFixCtrHdr #mainContent {
        background: #FFFFFF;
        padding-top: 0;
        padding-right: 15px;
        padding-bottom: 40px;
        padding-left: 15px;
    }
    .oneColFixCtrHdr #footer {
        font-size: 13px;
        clip: rect(auto,auto,auto,auto);
        position: absolute;
        bottom: 0px;
        background-repeat: no-repeat;
        background-color: #FFFFFF;
        background-image: url(pictures/untenbar.png);
        padding: 0px;
        margin-top: 30px;
        height: 40px;
        width: 900px;
    }
Dass das Hintergrundbild des Footers nicht angezeigt wird, liegt wohl daran, dass die Grafik nicht auf dem Server liegt, denn der direkte Aufruf von http://www.nhorvath.com/pictures/untenbar.png wirft eine "404"-Fehlermeldung aus.
 
Hammer :-)

Es klappt! Vielen Dank.

Weisst du villeicht auch noch woran er liegt dass der Text im footer im FF richtig, im IE ein bisschen weiter oben angezeigt wird?
 
Firefox gibt von Hause aus dem Blockelement p einen vertikalen Außenabstand mit auf dem Weg, der IE hingegen nicht.

Lösungsvorschlag:

Code:
.oneColFixCtrHdr #footer p {
        margin: 0;
        padding-top: 10px;
        padding-right: 0;
        padding-bottom: 0px;
        padding-left: 30px;
    }
 
:-)

Ich merke schon, da bin ich an einen Profi geraten.

Fällt dir vielleicht noch ein Fehler auf der Seite auf den man beheben könnte?
 
Einen weiteren Darstellungsfehler oder -unterschied kann ich in den Browsern nicht entdecken.
 
Status
Nicht offen für weitere Antworten.
Zurück