Gästebuch - darstellung im Firefox

[msilver]

hi
ich arbeite derzeit an meinem phpbb offline am rechner. habe dieses gb eingebaut, aber bekomme einfach im mozilla das nachrichteneingabefenster nicht korrekt nach oben so bald mehr beiträge drin sind rutscht es immer weiter nach unten. schaut selbst:

is nicht meine seite, aber der gleiche fehler wenn man diese mit firefox besucht
http://forums.twatuning.be/guestbook.php

gb findet ihr hier:
http://www.phpbbhacks.com/download/4597

[roum]

Ich geb mal ne Ferndiagnose ab.

In der Tabellenspalte ist der valign Tag nicht korrekt geschrieben.

Code: Alles auswählen

Line 185, column 44:
<td class="row1" width="25%" valign top >

Der Internet Explorer macht sich nicht viel aus unsauberem Code, der Feuerfuchs aber schon.
Wenn du die Seite mal durch den Validator schickst, dann wirst du merken, daß da an einigen Stellen Zeichen fehlen.

http://validator.w3.org/check?uri=http: ... stbook.php

[msilver]

und was muss ich dann statt dessen dort eingegben`?

Code: Alles auswählen

<td class="row1" width="25%" valign top >

mfg
msilver

edit: hier mal die komplette guestbook.tpl

Code: Alles auswählen

<script language="javascript" type="text/javascript">
<!--

// Check for Browser & Platform for PC & IE specific bits
// More details from: http://www.mozilla.org/docs/web-developer/sniffer/browser_type.html

var clientVer = parseInt(navigator.appVersion); // Get browser version
var clientPC = navigator.userAgent.toLowerCase(); // Get client info
var is_ie = ((clientPC.indexOf("msie") != -1) && (clientPC.indexOf("opera") == -1));

var is_win = ((clientPC.indexOf("win")!=-1) || (clientPC.indexOf("16bit") != -1));

function select_switch(status)
	{
		for (i = 0; i < document.msglist.length; i++)
		{
			document.msglist.elements[i].checked = status;
		}
	}
	
function open_window(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable)
{
  toolbar_str = toolbar ? 'yes' : 'no';
  menubar_str = menubar ? 'yes' : 'no';
  statusbar_str = statusbar ? 'yes' : 'no';
  scrollbar_str = scrollbar ? 'yes' : 'no';
  resizable_str = resizable ? 'yes' : 'no';
  window.open(url, name, 'left='+left+',top='+top+',width='+width+',height='+height+',toolbar='+toolbar_str+',menubar='+menubar_str+',status='+statusbar_str+',scrollbars='+scrollbar_str+',resizable='+resizable_str);
}

function emoticon(text) {
	var txtarea = document.post.comento;
	text = ' ' + text + ' ';
	if (txtarea.createTextRange && txtarea.caretPos) {
		var caretPos = txtarea.caretPos;
		caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? caretPos.text + text + ' ' : caretPos.text + text;
		txtarea.focus();
	} else {
		txtarea.value  += text;
		txtarea.focus();
	}
}

var b = 2;
var u = 2;
var i = 2;
var url = 2;
var img = 2;
var quote = 2;
var code = 2;
function tag(v, tagadd, newbut, tagclose, oldbut, name) {
	if (eval(v)%2 == 0) {
		eval("window.document.post."+name+".value = newbut;");
		var post = window.document.post.comento.value;
		window.document.post.comento.value = post + tagadd;
		window.document.post.comento.focus();
	} else {
		eval("window.document.post."+name+".value = oldbut;");
		var post = window.document.post.comento.value;
		window.document.post.comento.value = post + tagclose;
		window.document.post.comento.focus();
	}
	eval(v+"++;");
}

function checkForm() {    

	if (document.post.comento.value.length < 2) 
	{
		alert("{L_EMPTY_MESSAGE}");
		return false;	
	} else {
		return true;
	}
}

function bbfontstyle(bbopen, bbclose) {
	var txtarea = document.post.comento;

	if ((clientVer >= 4) && is_ie && is_win) {
		theSelection = document.selection.createRange().text;
		if (!theSelection) {
			txtarea.value += bbopen + bbclose;
			txtarea.focus();
			return;
		}
		document.selection.createRange().text = bbopen + theSelection + bbclose;
		txtarea.focus();
		return;
	}
	else if (txtarea.selectionEnd && (txtarea.selectionEnd - txtarea.selectionStart > 0))
	{
		mozWrap(txtarea, bbopen, bbclose);
		return;
	}
	else
	{
		txtarea.value += bbopen + bbclose;
		txtarea.focus();
	}
	storeCaret(txtarea);
}

// From http://www.massless.org/mozedit/
function mozWrap(txtarea, open, close)
{
	var selLength = txtarea.textLength;
	var selStart = txtarea.selectionStart;
	var selEnd = txtarea.selectionEnd;
	if (selEnd == 1 || selEnd == 2) 
		selEnd = selLength;

	var s1 = (txtarea.value).substring(0,selStart);
	var s2 = (txtarea.value).substring(selStart, selEnd)
	var s3 = (txtarea.value).substring(selEnd, selLength);
	txtarea.value = s1 + open + s2 + close + s3;
	return;
}

// Insert at Claret position. Code from
// http://www.faqts.com/knowledge_base/view.phtml/aid/1052/fid/130
function storeCaret(textEl) {
	if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
}


//-->
</script>
{ERROR_BOX}
<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr> 
       	 <td align="left" valign="middle"><span class="nav">&nbsp;&nbsp;&nbsp;</span></td>
	    <td align="right" valign="middle"></td>
  </tr>
</table>

<table class="forumline" width="100%" cellspacing="1" cellpadding="4" border="0">
	<tr align="right">
		<td class="catHead" colspan="2" height="28"><span class="nav">{PAGINATION} &nbsp;</span></td>
	</tr>
	<tr>
		<th class="thLeft" width="25%" height="26" nowrap="nowrap">Nachrichteingabe</th>
		<th class="thRight" nowrap="nowrap">{L_GUESTBOOK}</th>
	</tr>
    <tr>
        <td class="row1" width="25%" valign "top" >
         
             <form method="post" action="{S_GUESTBOOK_ACTION}" name="post" onsubmit="return checkForm(this)">
             <table width="100%" cellpadding="4" cellspacing="0" border="0" class="bodyline">
               <tr>	
                   <td class="row1" align="left"><span class="gensmall">{L_CAVEAT}</span></td>
               </tr>
               <tr>	
                   <td class="row1" align="left">	
                                                  <span class="gensmall"> {L_USERNAME}:<br />
                                                  <input class="post" type="text" name="nick" maxlength="25" size="30" value="{FIELD_NICK}" ><br />
                                                   {L_EMAIL}: <br />
                                                   <input class="post" type="text" name="email" maxlength="64" size="30" value="{FIELD_EMAIL}"><br />
                                                   {L_SITE}: <br />
                                                   <input class="post" type="text" name="sito" maxlength="64" size="30" value="{FIELD_SITO}"></span><br /></td>
                </tr>
                <tr>	
                    <td class="row3" align="center"><span class="gen">{L_MESSAGGIO}:</span></td>
                </tr>
                 <tr>	
                      <td class="row2" align="center"> 
                      <input class="liteoption" type="button" name="bold" value=" B " style="font-weight:bold; width: 30px" onclick="javascript:tag('b', '[b]', ' B *', '[/b]', ' B ', 'bold');" />
                      &nbsp;<input class="liteoption" type="button" value=" U " name="underline" style="text-decoration: underline; width: 30px" onclick="javascript:tag('u', '[u]', ' U *', '[/u]', ' U ', 'underline');" />
                      &nbsp;<input class="liteoption" type="button" value=" I " name="italic" style="font-style:italic; width: 30px" onclick="javascript:tag('i', '[i]', ' I *', '[/i]', ' I ', 'italic');" />
                      &nbsp;<input class="liteoption" type="button" value=" url " name="url" style="font-weight:bold; text-decoration: underline; width: 40px" onclick="javascript:tag('url', '[url]', ' url *', '[/url]', ' url ', 'url');" /></td>
                  </tr>
                  <tr>	
                      <td class="row2" align="center">
                       <input class="liteoption" type="button" value=" img " name="img" style="font-weight:bold; width: 40px" onclick="javascript:tag('img', '[img]', ' img *', '[/img]', ' img ', 'img');" />
                       &nbsp;<input class="liteoption" type="button" value=" Quote " name="quote" style="font-weight:bold; width: 60px" onclick="javascript:tag('quote', '[quote]', ' Quote *', '[/quote]', ' Quote ', 'quote');" />
                       &nbsp;<input class="liteoption" type="button" value=" Code " name="code" style="font-weight:bold; width: 60px" onclick="javascript:tag('code', '[code]', ' Code *', '

', ' Code ', 'code');" />
</tr>

<tr>
<td class="row2" align="center"><span class="genmed">
<select name="addbbcode18" onChange="bbfontstyle('[color=' + this.form.addbbcode18.options[this.form.addbbcode18.selectedIndex].value + ']', ' [/color]')">
<option style="color:black; background-color: {T_TD_COLOR1}" value="{T_FONTCOLOR1}" class="genmed">{L_COLOR_DEFAULT}</option>
<option style="color:darkred; background-color: {T_TD_COLOR1}" value="darkred" class="genmed">{L_COLOR_DARK_RED}</option>
<option style="color:red; background-color: {T_TD_COLOR1}" value="red" class="genmed">{L_COLOR_RED}</option>
<option style="color:orange; background-color: {T_TD_COLOR1}" value="orange" class="genmed">{L_COLOR_ORANGE}</option>
<option style="color:brown; background-color: {T_TD_COLOR1}" value="brown" class="genmed">{L_COLOR_BROWN}</option>
<option style="color:yellow; background-color: {T_TD_COLOR1}" value="yellow" class="genmed">{L_COLOR_YELLOW}</option>
<option style="color:green; background-color: {T_TD_COLOR1}" value="green" class="genmed">{L_COLOR_GREEN}</option>
<option style="color:olive; background-color: {T_TD_COLOR1}" value="olive" class="genmed">{L_COLOR_OLIVE}</option>
<option style="color:cyan; background-color: {T_TD_COLOR1}" value="cyan" class="genmed">{L_COLOR_CYAN}</option>
<option style="color:blue; background-color: {T_TD_COLOR1}" value="blue" class="genmed">{L_COLOR_BLUE}</option>
<option style="color:darkblue; background-color: {T_TD_COLOR1}" value="darkblue" class="genmed">{L_COLOR_DARK_BLUE}</option>
<option style="color:indigo; background-color: {T_TD_COLOR1}" value="indigo" class="genmed">{L_COLOR_INDIGO}</option>
<option style="color:violet; background-color: {T_TD_COLOR1}" value="violet" class="genmed">{L_COLOR_VIOLET}</option>
<option style="color:white; background-color: {T_TD_COLOR1}" value="white" class="genmed">{L_COLOR_WHITE}</option>
<option style="color:black; background-color: {T_TD_COLOR1}" value="black" class="genmed">{L_COLOR_BLACK}</option>
</select>
&nbsp;<select name="addbbcode20" onChange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', ' [/size]')">
<option value="7" class="genmed">{L_FONT_TINY}</option>
<option value="9" class="genmed">{L_FONT_SMALL}</option>
<option value="12" selected class="genmed">{L_FONT_NORMAL}</option>
<option value="18" class="genmed">{L_FONT_LARGE}</option>
<option value="24" class="genmed">{L_FONT_HUGE}</option>
</select>
</span></td>
</tr>
<tr>
<td class="row2" align="center">
<textarea class="textarea" name="comento" id="comento" rows="15" cols="30">{FIELD_COMENTO}</textarea><br />
{S_HIDDEN_FIELDS}
<input class="liteoption" type="submit" name="submit" value="{L_SUBMIT}" style="width: 70px"> <input class="liteoption" type=reset> </td>
</tr>
<tr>
<td align="left" valign="middle" width="100%"><span class="nav"><a href="faq.php?mode=bbcode" class="nav">[BBCode ON]</a></td>
</tr>
</table>
</form>

<br />
<table width="100" border="0" cellspacing="0" cellpadding="5" align="center">
<tr>
<td align="center" colspan="{S_SMILIES_COLSPAN}" class="gensmall"><b>{L_EMOTICONS}</b></td>
</tr>
<!-- BEGIN smilies_row -->
<tr align="center" valign="middle">
<!-- BEGIN smilies_col -->
<td><a href="javascript:emoticon('{smilies_row.smilies_col.SMILEY_CODE}')"><img src="{smilies_row.smilies_col.SMILEY_IMG}" border="0" alt="{smilies_row.smilies_col.SMILEY_DESC}" title="{smilies_row.smilies_col.SMILEY_DESC}" /></a></td>
<!-- END smilies_col -->
</tr>
<!-- END smilies_row -->
</table>
<br />

<br />

</td>
<td class="row1" width="100%" align="left" valign "top">
<form method="post" name="msglist" action="{U_GUESTBOOK}">
<table width="100%" cellspacing="0" cellpadding="0" border="0">

<!-- BEGIN postrow -->
<tr>
<td align="left">

<table width="100%" border="0" cellspacing="1" cellpadding="5" class="bodyline">
<tr>
{postrow.DETTAGLI}
</tr>
<tr>
<td {postrow.COLSPAN} class="{postrow.ROW_CLASS}"><span class="postbody"><br />{postrow.MESSAGE}</span></td>
</tr>
<tr>
<td height="9" {postrow.COLSPAN} class="{postrow.ROW_CLASS}"><span class="copyright">{postrow.AGENT}</span></td>
</tr>
</table>

</td>
</tr>
<tr>
<td class="spaceRow" height="5"></td>
</tr>
<tr>
<td height="10"></td>
</tr>
<!-- END postrow -->

<!-- BEGIN guest_empty -->
<tr>
<td><span class="gen"><br /><b>{guest_empty.GUEST_EMPTY}</b></span></td>
</tr>
<!-- END guest_empty -->
</table>
<tr>
<td class="catHead" align="center" valign="bottom" height="28">
<span class="copyright">{L_AUTORE}</span></td>
<td class="catHead" height="28" align="right">{FIELDS}</td>

</tr>
</table>
<table width="100%" cellspacing="2" border="0" align="center" cellpadding="2">
<tr>
<td align="right" valign="top" nowrap="nowrap">{MARKED}<span class="gensmall">{S_TIMEZONE}</span></td>
</tr>
</table>
</form>[/code]

[P4nz0r]

ab

Code: Alles auswählen

<td class="row1" align="left"><span class="gensmall">

musste bei den td's den code noch hinzufügen
das heißt aber valign="top" und net valign top

[msilver]

klappt einfach nicht:
http://vgazone.de/page/guestbook.php
würdest du mal die tpl editieren? ich glaub ich bin zu blöd dafür

mfg
msilver

[msilver]

*help*

[roum]

Öffne die Datei: guestbook.tpl

Suche nach (Zeile 148):

Code: Alles auswählen

<td class="row1" width="25%" valign "top" >

Erstze durch:

Code: Alles auswählen

<td class="row1" width="25%" valign="top">

[msilver]

danke funzt nun