✔ Brauche HILFE - Designproblem Tabellen, CSS, Java und PHP auf einer Seite

Status
Nicht offen für weitere Antworten.
Papi62

Papi62

Mitglied
Meine bisherigen Sites (MIB und Smokin´Aces) funktionieren alle mit Tabellen und sind deshalb sehr statisch. Die wollte ich verbessern und wagte mich vor ein paar Tagen an CSS :). Inzwischen hab ich vom Code schon Kopfschmerzen und weiss nicht mehr weiter.

Ich hab nun im Header eine Tabelle für das 4-teilige Logo (welches auch bestens funktioniert und sich dem Browser anpasst) und in der linken Hälfte der Site 2 Tabellen für Java-Menue und Counter. Die 2 Tabellen musste ich reinpacken weil ich unterhalb des Java-Menues (wenn ich das mit CSS mache) nichts mehr hinpacken konnte, Counter, Banner und so. (Test-Datei "fast" nur mit CSS: test_3.html
Im rechten Teil den eigentlichen Text mit CSS designt wie in der "test_3.html".

Problem 1: Der obgenannte Text "will" nicht vertikal an den 2 linken Tabellen vorbei und wird unterhalb angezeigt: 2testindex.php
Problem 2: Ich möchte gern den Footer am untersten Rand des Browsers haben, egal wie lange der Text ist - oder zumindest wenn der Text kürzer als die Site ist.
Problem 3: Ich bekomm das "Buffed.de"-Banner unter den 2 Tabellen in 2testindex.php einfach nicht vom Seitenrand weg, auch nicht mit "margin: 20px 0px 10px 100px;".

Also entweder kann man Problem 1 lösen oder aber im vorigen Versuch (test_3.html) mit CSS unterhalb des Java-Menues noch etwas einfügen, was mir eigentlich sympathischer wäre :).

So, Links sind oben genug; nun noch der Code als .txt im zip-format oder unten: test.zip

2testindex.php
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Layot Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

DIV.clSlide{position:absolute;  ;z-index:10; left:0; width:138; height:22; clip:rect(0,138,22,0); padding:3px;}
DIV.clSlideSub{position:absolute; ;z-index:10; padding:2px; clip:rect(0,127,20,0); width:127; height:20; left:8; visibility:hidden}
DIV.clSlideSub2{position:absolute; ;z-index:10; padding:2px; clip:rect(0,118,20,0); width:118; height:20; left:8; visibility:hidden}
#divSlideCont{position:absolute; z-index:10; left:0; top:100; height:300; width:170; visibility:hidden}
A.clSlideLinks{font-family:Verdana, Helvetica, Helv; font-size:11px; font-weight:bold; text-decoration:none; color:#FFFFCC}
A.clSlideSubLinks{font-family:Verdana, Helvetica, Helv; font-size:10px; text-decoration:none; color:#CCFFFF}
A.clSlideSub2Links{font-family:Verdana, Helvetica, Helv; font-size:9px; text-decoration:none; color:#CCFFFF}
</style>
<script language="JavaScript" type="text/javascript">
/**********************************************************************************
SlideMenu
*   Copyright (C) 2001 Thomas Brattli
*   This script was released at DHTMLCentral.com
*   Visit for more great scripts!
*   This may be used and changed freely as long as this msg is intact!
*   We will also appreciate any links you could give us.
*
*   Made by Thomas Brattli
*
*Script date: 01/29/2002 (keep this date to check versions)
*********************************************************************************/
function lib_bwcheck(){ //Browsercheck (needed)
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent
	this.dom=document.getElementById?1:0
	this.opera5=(navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?1:0
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6
	this.mac=this.agent.indexOf("Mac")>-1
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
	return this
}
var bw=lib_bwcheck()
//Opera didn't seem to like the padding in the layers, it messes up the background-images, so here's a version without it.
if(bw.opera5) document.write("<style>DIV.clSlide{padding:0px; background-image:url(' ')}\nDIV.clSlideSub{padding:0px; background-image:url(' ')}\nDIV.clSlideSub2{padding:0px; background-image:url(' ')}</style>")

/************************************************************************************
Making cross-browser objects
************************************************************************************/
function makeMenuObj(obj,nest){
	nest=(!nest) ? "":'document.'+nest+'.'										
   	this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;		
	this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;	
	this.ref=bw.dom || bw.ie4? document:bw.ns4?eval(nest+"document.layers." +obj+".document"):0;		
	this.x=(bw.ns4 || bw.ns5)? this.css.left:this.css.offsetLeft;
	this.y=(bw.ns4 || bw.ns5)? this.css.top:this.css.offsetTop;		
	this.hideIt=b_hideIt; this.showIt=b_showIt; this.movey=b_movey
	this.moveIt=b_moveIt; this.moveBy=b_moveBy; this.status=0; 
	this.bgImg=b_bgImg;	this.obj = obj + "Object"; eval(this.obj + "=this"); 
	this.clipTo=b_clipTo;
	return this
}
function b_showIt(){this.css.visibility="visible"; this.status=1}
function b_hideIt(){this.css.visibility="hidden"; this.status=0}
function b_movey(y){this.y=y; this.css.top=this.y}	
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x;this.css.top=this.y}
function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; this.css.left=this.x;this.css.top=this.y}
function b_bgImg(img){if(bw.ie||bw.dom)this.css.backgroundImage="url("+img+")"
else this.css.background.src=img
}
function b_clipTo(t,r,b,l,w){if(bw.ns4){this.css.clip.top=t;this.css.clip.right=r
this.css.clip.bottom=b;this.css.clip.left=l
}else{this.css.clip="rect("+t+","+r+","+b+","+l+")"; if(w){this.css.width=r; this.css.height=b}}}
/********************************************************************************
Initiating page, making objects..
********************************************************************************/
function SlideMenuInit(){
	oSlideMenu=new makeMenuObj('divSlideCont')
	oSlideMenu.moveIt(menux,menuy)
	oSlide=new Array()
	for(i=0;i<menus.length;i++){
		oSlide[i]=new makeMenuObj('divSlide'+i,'divSlideCont')
		oSlide[i].subs=menus[i].subs
		oSlide[i].sub=new Array()
		oSlide[i].moveIt(0,mainheight*i)
		oSlide[i].starty=oSlide[i].y
    if(bw.opera) oSlide[i].css.paddingLeft="10px"
		if(!menus[i].seperator) oSlide[i].bgImg(level0_regular)
		for(j=0;j<oSlide[i].subs;j++){
			oSlide[i].sub[j]=new makeMenuObj('divSlideSub'+i+"_"+j,'divSlideCont')
			oSlide[i].sub[j].moveIt(10,oSlide[i].y+subheight*j+between)
			oSlide[i].sub[j].starty=oSlide[i].sub[j].y
			oSlide[i][j]=new Array()
			oSlide[i][j].subs=menus[i][j].subs
			oSlide[i][j].sub=new Array()
			img=level1_round
			if(oSlide[i][j].subs!=0){
				if(j!=oSlide[i].subs-1) img=level1_sub
				else img=level1_sub_round
				oSlide[i].sub[j].css.color="#FFFFCC"
			}else{
				if(j!=oSlide[i].subs-1)img=level1_regular
			}
			oSlide[i].sub[j].origimg=img
			oSlide[i].sub[j].bgImg(img)
			for(a=0;a<oSlide[i][j].subs;a++){
				oSlide[i][j].sub[a]=new makeMenuObj('divSlideSub'+i+"_"+j+"_"+a,'divSlideCont')
				oSlide[i][j].sub[a].moveIt(20,oSlide[i].sub[j].y+subheight*a+between-2)
				oSlide[i][j].sub[a].starty=oSlide[i][j].sub[a].y			
				oSlide[i][j][a]=new Array()
				oSlide[i][j][a].subs=menus[i][j][a].subs
				oSlide[i][j][a].sub=new Array()
				if(a!=oSlide[i][j].subs-1) img=level2_regular
				else img=level2_round
				oSlide[i][j].sub[a].origimg=img
				oSlide[i][j].sub[a].bgImg(img)
			}
		}
	}
	oSlideMenu.showIt()
}
/********************************************************************************
Variables
********************************************************************************/
var active=-1;var going;var isthere; var sactive=-1; var sisthere=-1; var s2active=-1; var s2isthere=-1
/********************************************************************************
Switch menu function.
********************************************************************************/
function swmenu(num,snum,s2num){
	if(snum!=-1){
		if(oSlide[num][snum].subs==0) return
	}
	if(s2num!=-1){
		if(oSlide[num][snum][s2num].subs==0) return
	}
	if((num!=active || snum!=sactive || s2num!=s2active) && !going){going=true;isthere=0;sisthere=0;moveUp(num,snum,s2num)}
}
/********************************************************************************
Moving the menus upward to their original position.
********************************************************************************/
function moveUp(num,snum){
	if(snum==-1){
		for(i=0;i<oSlide.length;i++){
			if(oSlide[i].y>oSlide[i].starty+pxspeed && active!=i) oSlide[i].moveBy(0,-pxspeed)
			else{if(active!=i) oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty); isthere=i}
		}
		
		if(isthere<oSlide.length-1) setTimeout("moveUp("+num+","+snum+")",timspeed)
		else swmenu2(num,snum)
	}else{
		if(num==oSlide.length-1) isthere=num
	
		if(sactive!=-1){ //Is out!
			//Slide subs
			j=0
			for(i=sactive+1;i<oSlide[num].sub.length;i++){
				j++
				if(oSlide[num].sub[i].y>oSlide[num].sub[i].starty+pxspeed) oSlide[num].sub[i].moveBy(0,-pxspeed)
				else{oSlide[num].sub[i].moveIt(oSlide[num].sub[i].x,oSlide[num].sub[i].starty); sisthere=i}
			}
			//Slide main
			for(i=num+1;i<oSlide.length;i++){
				if(oSlide[i].y>oSlide[i].starty + oSlide[num].sub[sactive].y +subheight*j )  oSlide[i].moveBy(0,-pxspeed)
				else{oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty + oSlide[num].sub[sactive].y +subheight*j ); isthere=i}
			}
		}else{ //Slide to the one clicked
			for(i=num+1;i<oSlide.length;i++){
				if(oSlide[i].y>oSlide[i].starty + snum*between+between)  oSlide[i].moveBy(0,-pxspeed)
				else{oSlide[i].moveIt(oSlide[i].x,oSlide[i].starty + snum*between+between); isthere=i}
			}
		}
		if(isthere<oSlide.length-1 || (sactive!=-1 && sisthere<oSlide[num].sub.length-1 && sactive!=oSlide[num].sub.length-1)) setTimeout("moveUp("+num+","+snum+")",timspeed)
		else swmenu2(num,snum)
	}
}
/********************************************************************************
Switch menu 2, stuff that happens before the menus are moved down again.
********************************************************************************/
function swmenu2(num,snum){
	isthere=0;
	sisthere=0;
	if(active>-1 && snum==-1){
		//Hiding submenus
		for(j=0;j<oSlide[active].subs;j++){oSlide[active].sub[j].hideIt()}
		oSlide[active].bgImg(level0_regular)
		oSlide[active].moveIt(0,oSlide[active].starty)
	}
	if(sactive>-1){
		//Hiding submenus
		for(j=0;j<oSlide[active][sactive].sub.length;j++){oSlide[active][sactive].sub[j].hideIt()}
		oSlide[active].sub[sactive].bgImg(oSlide[active].sub[sactive].origimg)
		oSlide[active].sub[sactive].moveIt(10,oSlide[active].sub[sactive].starty)
		//Move back to place
		for(i=sactive+1;i<oSlide[active].sub.length;i++){
			oSlide[active].sub[i].moveIt(oSlide[active].sub[i].x,oSlide[active].sub[i].starty)
		}
	}
	active=num
	//Showing submenus
	if(snum>-1){
		sactive=snum
		for(j=0;j<oSlide[num][snum].sub.length;j++){oSlide[num][snum].sub[j].showIt()}
		oSlide[num].sub[snum].moveBy(10,3)
		oSlide[num].sub[snum].bgImg(level1_round2)
	}else{
		sactive=-1
		for(j=0;j<oSlide[active].subs;j++){oSlide[active].sub[j].showIt()}
		oSlide[num].moveBy(10,3)
		oSlide[num].bgImg(level0_round)
	}
	if(num!=oSlide.length-1) moveDown(num,snum)
	else{
		isthere=num
		moveDown(num,snum)
	}
}
/********************************************************************************
Moving the menus down
********************************************************************************/
function moveDown(num,snum){
	//if(num==oSlide.length-1) isthere=num
	for(i=num+1;i<oSlide.length;i++){
		if(snum==-1){
			if(oSlide[i].y<(oSlide[num].subs-1)*subheight+oSlide[i].starty+between-pxspeed) oSlide[i].moveBy(0,pxspeed)
			else{oSlide[i].moveIt(oSlide[i].x,(oSlide[num].subs-1)*subheight+oSlide[i].starty+between); isthere=i}
		}else{
			if(oSlide[i].y<(oSlide[num].subs-1)*subheight+oSlide[i].starty+between-pxspeed + (oSlide[num][snum].subs-1)*subheight+between)  oSlide[i].moveBy(0,pxspeed)
			else{oSlide[i].moveIt(oSlide[i].x,(oSlide[num].subs-1)*subheight+oSlide[i].starty+between  + (oSlide[num][snum].subs-1)*subheight+between); isthere=i}
		}
	}
	if(snum!=-1){
		for(i=snum+1;i<oSlide[num].sub.length;i++){		
			if(oSlide[num].sub[i].y<(oSlide[num][snum].subs-1)*subheight+oSlide[num].sub[i].starty+between-pxspeed) oSlide[num].sub[i].moveBy(0,pxspeed)
			else{oSlide[num].sub[i].moveIt(oSlide[num].sub[i].x,(oSlide[num][snum].subs-1)*subheight+oSlide[num].sub[i].starty+between); sisthere=i}
		}
	}
	if(snum==-1){
		if(isthere<oSlide.length-1) setTimeout("moveDown("+num+","+snum+")",timspeed)
		else going=false
	}else{
		if(isthere<oSlide.length-1 || (sisthere<oSlide[num].sub.length-1 && snum!=oSlide[num].sub.length-1)) setTimeout("moveDown("+num+","+snum+")",timspeed)
		else going=false
	}
}
var test=0
/********************************************************************************
Functions to write out the layers...
********************************************************************************/
menus=new Array(); var a=0; var b=0; var c=0; var d=0
function makeMenu(type,text,lnk,target,end){
	str=""; tg="";
  if(target) tg='target="'+target+'"'
  if(!lnk) lnk="#"
  self.status=lnk
	if(a==0) str='<div id="divSlideCont">\n'
	if(type=="top"){
		menus[a]=new Array();
		if(text=="seperator"){
			str+='\t<div id="divSlide'+a+'" class="clSlide"></div>\n'
			menus[a].seperator=1
		}else{
      str+='\t<div id="divSlide'+a+'" class="clSlide"><a href="'+lnk+'" '+tg+' onclick="swmenu('+a+',-1,-1); if(bw.ie || bw.ns6) this.blur(); '
      if(lnk=="#") str+='return false'
      str+='" class="clSlideLinks">'+text+'</a><br></div>\n'
		}
    menus[a].subs=0; a++; b=0
	}else if(type=="sub"){
		str+='\t\t<div id="divSlideSub'+(a-1)+'_'+(b)+'" class="clSlideSub"><a '+tg+' onclick="swmenu('+(a-1)+','+b+',-1); if(bw.ie || bw.ns6) this.blur(); '
    if(lnk=="#") str+='return false'
    str+='" href="'+lnk+'" class="clSlideSubLinks">'+text+'</a><br></div>\n'
		b++; menus[a-1].subs=b; menus[a-1][b-1]=new Array(); c=0; menus[a-1][b-1].subs=0
	}else if(type=="sub2"){
		str+='\t\t<div id="divSlideSub'+(a-1)+'_'+(b-1)+'_'+c+'" class="clSlideSub2"><a '+tg+' href="'+lnk+'" class="clSlideSub2Links">'+text+'</a><br></div>\n'
		c++; menus[a-1][b-1].subs=c; menus[a-1][b-1][c-1]=new Array(); d=0; menus[a-1][b-1][c-1].subs=0
	}
	if(end) str+="</div>"
	document.write(str)
}
function preLoadBackgrounds(){
  for(i=0;i<arguments.length;i++){
    this[i]=new Image()
    this[i].src=arguments[i]
  }
  return this
}
</script>

<style type="text/css">
/*----------Allgemeine Einstellungen----------*/
{
padding:0;
margin:0;
}  	
body
{
font: 14px "Trebuchet MS", verdana, arials, sans-serif;
text-align: justify;
color: #FFFF00;
background: #660000;
}
p
{
margin: 1em 0;
}
a.anker
{
text-decoration: none;
color: #fff;
}
hr
{
background: #aaa; /* Mozilla 1.4 */
color: #aaa; /* IE 6 */
border: #aaa; /* Opera 7.11 */
height: 1px; /* in Opera f&uuml;r die Anzeige n&ouml;tig, in Mozilla f&uuml;r die einheitliche H&ouml;he */
margin: 0 0 30px 0;
}
h2
{
font-size: 22px;
}
/*----------Header-----------------------------*/
#header
{
margin: 0px 0px 20px 0px;
font: 16px "Trebuchet MS", verdana, arials, sans-serif;
text-align: justify;
color: #FFFF00;
background: #660000;
}
/*----------Navigation-----------------------------*/
#navigation
{
float: left;
}
/*----------Banner-----------------------------*/
#banner
{
margin: 20px 0px 10px 100px;
}
/*----------Titel----------*/
#titel
{
margin: 10px 0px 0px 220px;
}
/*----------Trennlinie----------*/
#trennlinie
{
margin: 0px 10px 20px 220px;
padding: 16px;
background-image:url(phpBB/templates/wow/images/WoWAllianz/cellpic3.gif);
background-repeat:repeat-x;
}
/*----------Inhalt----------*/
#content
{
margin: 30px 10px 30px 220px;
font: 14px "Trebuchet MS", verdana, arials, sans-serif;
text-align: justify;
color: #FFFF00;
background: #660000;
}
/*----------Footer------------*/
p#footer
{
margin: 132px 0 30px 0px;
height: 40px;
line-height: 40px;
background: #A00101;
color: #000;
text-align: center;
}
</style>
<!--[if IE]>
<style>
ul#navigation{
margin-left: 15px;
}
ul#navigation li a
{
margin-left: -20px;
voice-family:"\"}\""; 
voice-family:inherit;
margin: 0px;
}
</style>
<![endif]-->

</head>

<body>

<h1 id="header"> 
  <TABLE WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0">
    <TR> 
      <TD><a href=""><IMG SRC="phpBB/templates/wow/images/WoWAllianz/header_left.jpg" WIDTH="194" HEIGHT="152" ALT="" border="0"></a></TD>
      <TD background="phpBB/templates/wow/images/WoWAllianz/header_bg.gif"" WIDTH="100%" align="center" valign="top"><IMG SRC="phpBB/templates/wow/images/WoWAllianz/header_logo.gif" alt="WoW Logo"" width="362" height="122"../phpBB/templates/wow/images/WoWAllianz/header_logo.gif><br> 
        <nobr class="headertest">Willkommen bei den Smokin´Aces</nobr></TD>
      <TD><IMG SRC="phpBB/templates/wow/images/WoWAllianz/header_right.jpg" WIDTH="194" HEIGHT="152" ALT=""></TD>
    </TR>
  </TABLE>
</h1>

<hl id="navigation"> 
<table width="170" height="553" border="0" cellpadding="0" cellspacing="0" id="Menue_Count">
  <tr> 
      <td width="10%"> <p>&nbsp;</p></td>
      	<td width="90%" height="370"><div style="position:absolute; left:2; top:2"></div>
	  
<script>
//Variables to set
between=28 //The pixel between the menus and the submenus
mainheight=25 //The height of the mainmenus
subheight=22 //The height of the submenus
pxspeed=13 //The pixel speed of the animation
timspeed=15 //The timer speed of the animation
menuy=220 //The top placement of the menu.
menux=10 //The left placement of the menu
//Images - Play with these
level0_regular="../Templates/level0_regular.gif"
level0_round="../Templates/level0_round.gif"
level1_regular="../Templates/level1_regular.gif"
level1_round="../Templates/level1_round.gif"
level1_sub="../Templates/level1_sub.gif"
level1_sub_round="../Templates/level1_sub_round.gif"
level1_round2="../Templates/level1_round2.gif"
level2_regular="../Templates/level2_regular.gif"
level2_round="../Templates/level2_round.gif"

//Leave this line
preLoadBackgrounds(level0_regular,level0_round,level1_regular,level1_round,level1_sub,level1_sub_round,level1_round2,level2_regular,level2_round)


//There are 3 different types of menus you can make
//top = Main menus
//sub = Sub menus
//sub2 = SubSub menus

//You control the look of the menus in the stylesheet

//makeMenu('TYPE','TEXT','LINK','TARGET', 'END (THE LAST MENU)')

//Menu 0 
makeMenu('top','Home','../index.php','_self')

//Menu 1
makeMenu('top','Screenshots','../screens/screens.html','_self')

//Menu 2 
makeMenu('top','unsere Gilde')
	makeMenu('sub','Charaktere','../aces/chars.html','_self')
	makeMenu('sub','Gildenfortschritt','../aces/mobs.html','_self')

//Menu 3
makeMenu('top','Forum','http://smokinaces.r-appert.ch/phpBB/index.php','_blank')

//Menu 4
makeMenu('top','Gästebuch','../g_buch/gb.php','_self')

//Menu 5
makeMenu('top','Kontakt','mailto:smokinaces@r-appert.ch?subject=Feedback','_blank')

//Menu 6   
makeMenu('top','Game Infos')
  	makeMenu('sub','Geschichte','../basteln.html','_self')
	makeMenu('sub','Charakterklassen','../basteln.html','_self')
	makeMenu('sub','Berufe','../basteln.html','_self')
	makeMenu('sub','Patch Notes','../basteln.html','_self')
	makeMenu('sub','Skills','../basteln.html','_self')
	
//Menu 7
makeMenu('top','Anleitungen')
	makeMenu('sub','Berufs Quests','../basteln.html','_self')
	
//Menu 12
makeMenu('top','Gegenstände')
	makeMenu('sub','Waffen','../basteln.html','_self')
	makeMenu('sub','Munition','../basteln.html','_self')
	makeMenu('sub','Rüstungen','../basteln.html','_self')
	
//Menu 13
makeMenu('top','Downloads')
	makeMenu('sub','Karten','../basteln.html','_self')
	makeMenu('sub','Wallpapers','../basteln.html','_self')
	makeMenu('sub','Videos','../basteln.html','_self')



//Starting the menu
onload=SlideMenuInit;
</script>
		</td>
    </tr>
    <tr> 
      <td height="19" colspan="2"> <table width="100%" border="1" cellpadding="3" cellspacing="0" bordercolor="#000000">
          <tr> 
            <td><center>
                Alle Besucher seit<BR>
                19. Juni 2007<BR>
<?
# -------------------------------------------------------------------------------------------
# ----- (C)opyright 2000 - Jan Erdmann -------------------- [ http://www.jex-treme.de ] -----
# ----- Dieses Script darf frei verwendet werden solange diese Zeilen bestehen bleiben. -----
# -------------------------------------------------------------------------------------------

$jetztip=getenv("REMOTE_ADDR");
$jetztzeit=time()-3600;
$i=0;
$a=0;

# ----------------------------- Ip vorhanden? -----------------------------
$datei=fopen("counter/ip","r");
while(feof($datei)==0):
$ip=chop(fgets($datei,50));
$zeit=chop(fgets($datei,50));

if ($ip=="" && $zeit=="")
continue;

if ($ip==$jetztip)
$i=1;
if ($zeit>=$jetztzeit):
$insgesamt.=$ip."\n".$zeit."\n";
else:
if ($ip==$jetztip)
$insgesamt.=$jetztip."\n".time()."\n";
endif;

$a++;
endwhile;

if ($i==0 || $a==0):
$insgesamt.=$jetztip."\n".time()."\n";
$i=2;
endif;

fclose($datei);
# ----------------------------- Speichern -----------------------------
$datei=fopen("counter/ip","w");
fputs($datei,$insgesamt);
fclose($datei);
# ----------------------------- Counter laden -----------------------------
$z=0;
$datei=fopen("counter/count","r");
while(feof($datei)==0):
$zaehler[$z]=chop(fgets($datei,50));
$z++;
endwhile;
fclose($datei);
# ----------------------------- Wochentage -----------------------------
if($i==2):
if($zaehler[0]!=date("l")):
$zaehler[0]=date("l");
if($zaehler[0]=="Monday")
$zaehler[1]=0;
if($zaehler[0]=="Tuesday")
$zaehler[2]=0;
if($zaehler[0]=="Wednesday")
$zaehler[3]=0;
if($zaehler[0]=="Thursday")
$zaehler[4]=0;
if($zaehler[0]=="Friday")
$zaehler[5]=0;
if($zaehler[0]=="Saturday")
$zaehler[6]=0;
if($zaehler[0]=="Sunday")
$zaehler[7]=0;
endif;

if($zaehler[0]=="Monday")
$zaehler[1]++;
if($zaehler[0]=="Tuesday")
$zaehler[2]++;
if($zaehler[0]=="Wednesday")
$zaehler[3]++;
if($zaehler[0]=="Thursday")
$zaehler[4]++;
if($zaehler[0]=="Friday")
$zaehler[5]++;
if($zaehler[0]=="Saturday")
$zaehler[6]++;
if($zaehler[0]=="Sunday")
$zaehler[7]++;
$zaehler[9]++;
for($z=1; $z<=7; $z++)
if($zaehler[$z]>=$zaehler[8])
$zaehler[8]=$zaehler[$z];

for($z=0; $z<=8; $z++)
$zaehler[$z].="\n";
# ----------------------------- Counter schreiben -----------------------------
$datei=fopen("counter/count","w");
for($z=0; $z<=10; $z++)
{
fputs($datei,$zaehler[$z]);
}
fclose($datei);
endif;

# ----------------------------- festlegen des Tages -----------------------------
$zaehler[0]=chop($zaehler[0]);
if($zaehler[0]=="Monday")
$zz=1;
if($zaehler[0]=="Tuesday")
$zz=2;
if($zaehler[0]=="Wednesday")
$zz=3;
if($zaehler[0]=="Thursday")
$zz=4;
if($zaehler[0]=="Friday")
$zz=5;
if($zaehler[0]=="Saturday")
$zz=6;
if($zaehler[0]=="Sunday")
$zz=7;

$zaehler[$zz]=chop($zaehler[$zz]);
$zaehler[9]=chop($zaehler[9]);
$tag=$zaehler[$zz];
# ----------------------------- Grafiken -----------------------------
?>
	<a href="javascript:fenster()" onmouseover="window.status='Statistik';return true" onmouseout="window.status='';return true"> 
	<img src="counter/images/links.gif" border=0 alt="Klicke hier um die Statistik zu sehen."> 
	
<?
	$len=strlen($zaehler[9]);
	for ($i=0; $i<=$len-1; $i++)
{
?>

	<img src="counter/images/<?echo substr($zaehler[9], $i,1);?>.gif" border=0 alt="Klicke hier um die Statistik zu sehen."> 
	
<?
}
?>

	<img src="counter/images/rechts.gif" border=0 alt="Klicke hier um die Statistik zu sehen."></a> 
	<BR>
	<a href="javascript:fenster()" onmouseover="window.status='Statistik';return true" onmouseout="window.status='';return true"> 
	<img src="counter/images/links.gif" border=0 alt="Klicke hier um die Statistik zu sehen."> 

<?
	$len=strlen($tag);
	for ($i=0; $i<=$len-1; $i++)
{
?>

	<img src="counter/images/<?echo substr($tag, $i,1);?>.gif" border=0 alt="Klicke hier um die Statistik zu sehen."> 

<?
}
?>

	<img src="counter/images/rechts.gif" border=0 alt="Klicke hier um die Statistik zu sehen."></A> 
	<br>
	Besucher Heute 
            </center></td>
          </tr>
        </table></td>
    </tr>
  </table>
</h1>

<hl id="banner">
	<a href="http://www.buffed.de" target="_blank"><img src="http://www.buffed.de/fileadmin/templates/fansite-banner/buffed_88x33.gif" border="0" title="Zum Portal für Online-Spiele - buffed.de"></a>
</h1>

<div id="titel"> 
	<p class="clSlide"><img src="bilder/titel_news.gif"></p>
</div>

<div id="trennlinie"></div>
  	  	
<div id="content">
		Hier kommt der Seitentext rein. Hier kommt der Seitentext rein. Hier 
        kommt der Seitentext rein. Hier kommt der Seitentext rein. Hier kommt 
        der Seitentext rein. Hier kommt der Seitentext rein. Hier kommt der Seitentext 
        rein. Hier kommt der Seitentext rein. Hier kommt der Seitentext rein. 
        Hier kommt der Seitentext rein. Hier kommt der Seitentext rein. Hier kommt 
        der Seitentext rein. Hier kommt der Seitentext rein. Hier kommt der Seitentext 
        rein. Hier kommt der Seitentext rein. Hier kommt der Seitentext rein. 
        Hier kommt der Seitentext rein. Hier kommt der Seitentext rein. Hier kommt 
        der Seitentext rein. Hier kommt der Seitentext rein. Hier kommt der Seitentext 
        rein. Hier kommt der Seitentext rein. Hier kommt der Seitentext rein. 
        Hier kommt der Seitentext rein. Hier kommt der Seitentext rein. Hier kommt 
        der Seitentext rein. Hier kommt der Seitentext rein. Hier kommt der Seitentext 
        rein. Hier kommt der Seitentext rein. Hier kommt der Seitentext rein. 
        Hier kommt der Seitentext rein. Hier kommt der Seitentext rein. Hier kommt 
        der Seitentext rein. Hier kommt der Seitentext rein. Hier kommt der Seitentext 
        rein. Hier kommt der Seitentext rein.
</div>

<div id="trennlinie"></div>
  	  	
<p id="footer">Hier kommt irgendwas schlaues hin.</p>

</body>
</html>
 
Hi,

validiere mal das Dokument (-> http://validator.w3.org/check?uri=http://smokinaces.r-appert.ch/2testindex.php), denn du hast u.a. anstelle des h1-Elements hl (= in Großbuchstaben HL) notiert. Zudem darf dieses Element keine Block-Elemente, wie z.B. das table-Element enthalten. Tausch es also gegen ein div-Element aus.

Im CSS-Code für das Slidemenü ist in den ersten drei Selektoren nach der position-Eigenschaft ein Semikolon zuviel notiert, zudem fehlt bei den Positionsangaben, die größer als "0" sind, sowie bei den Breiten- und Höhenanagaben eine Einheitenangabe (px).

Bei den "Allgemeinen Einstellungen" fehlt der Universalselektor *:

Code: 
* {
padding:0;
margin:0;
}
 
Vielen Dank Michael, hab die Fehler beseitigt.
Problem 1 und 3 konnte ich lösen indem ich die Tabellenverschachtelung weggenommen und dann die 3 Tabellen in ein einziges CSS "gehüllt" habe.
Code: 
/*----------Tabellen links-----------------------------*/
#tab_links
{
float: left;
}

Das Ergebnis kannst Du hier sehen.

gesamter Quelltext hier.

Bei Problem 2, mit dem Footer, da würg ich noch rum :). Habs schon mit "#wrapper" probiert aber das verwandelt alles in Ebenen und versaut mir das ganze Layout. Auch "position:absolute;" und/oder "bottom:0px;" bringt gar nichts. Hab schon einige Tips hier aus dem Forum ohne Erfolg getestet.
Hast Du noch nen schlauen Tip für mich ?
 
Zuletzt bearbeitet:
Hi,

probier es mal auf diese Weise, um den Footer am unteren Fensterrand zu positionieren:

Code: 
html,body {
height: 100%;
}

div#wrapper {
position: relative;
min-height: 100%; /* Moderne Browser */
height: auto !important; /* Moderne Browser */
height: 100%; /* IE */
}

#footer
{
        line-height: 45px;
        background: #A00101;
        color: #ccc;
        text-align: center;
        font-family: "Times New Roman", Times, serif;
        font-size: 16px;
        font-weight: bold;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        font-style: normal;
}
Und das bestehende Layout packst du nun in das DIV wrapper:

Code: 
<body>
        <div id="wrapper">
              <!-- Hier folgt der Bestand -->
        </div>
</body>
 
Heissen Dank, es funktioniert.
Schaut im Dreamweaver etwas seltsam aus weil der den Footer oben anzeigt aber das Endergebniss stimmt dann. :)

Hab dadurch nun ein paar andere "Unschönheiten" aber die werde ich schon in den Griff bekommen.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück