mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 11:59 Benutzername: Passwort: Auto-Login

Thema: Scrollbarprobleme vom 07.06.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Scrollbarprobleme
Autor Nachricht
Claudster86
Threadersteller

Dabei seit: 07.06.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 07.06.2007 08:19
Titel

Scrollbarprobleme

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen... ich habe da ein kleines Problem. Ich bin gerade eine Website am codieren. Wenn man auf meiner Seite etwas in der Navigation anklickt wird das entsprechende included.

Code:
<?    
      $page = $_GET['page'];
    
     if ($page == "") {
         include ("inc/menu/home.inc.php");
      }   elseif ($page == "rest") {
         include ("inc/menu/rest.inc.php");   
      }   elseif ($page == "team") {
         include ("inc/menu/team.inc.php");
      }   elseif ($page == "wochen") {
         include ("inc/menu/wochen.inc.php");
      }   elseif ($page == "karte") {
         include ("inc/menu/karte.inc.php");
      }   elseif ($page == "wein") {
         include ("inc/menu/wein.inc.php");
      }   elseif ($page == "events") {
         include ("inc/menu/events.inc.php");
      }   elseif ($page == "gaestebuch") {
         include ("inc/menu/gaestebuch.inc.php");
      }   elseif ($page == "zeit") {
         include ("inc/menu/zeit.inc.php");
      }   elseif ($page == "kontakt") {
         include ("inc/menu/kontakt.inc.php");
      }   elseif ($page == "sprache") {
         include ("inc/menu/sprache.inc.php");   
      }   else {}
      ?>


Nun ist es mir bisher nicht mehr gelungen einen Scrollbar einzufügen damit die tabelle immer gleich gross bleibt. *Schnief* * Keine Ahnung... *

Wäre euch seeeeeeehr dankbar wenn mir jemand weiter helfen könnte mit diesem Scrollbar.

Hier noch der ganze code der mainpage...


Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>PRONTO, The Art of Kebap!</title>

<link rel="stylesheet" type="text/css" href="style.css">

<script src="script.js" type="text/javascript"></script>

<script language="Javascript">
function link1(datei) {
self.location="<? echo $_SERVER['PHP_SELF']."?page=karte&karte="; ?>" + datei;
}
function link2(datei) {
self.location="<? echo $_SERVER['PHP_SELF']."?page=rest&rest="; ?>" + datei;
}
function link3(datei) {
self.location="<? echo $_SERVER['PHP_SELF']."?page=wein&wein="; ?>" + datei;
}
//function link4(datei) {
//self.location="<? echo $_SERVER['PHP_SELF']."?page=jungschuetzen&jungschuetzen="; ?>" + datei;
//}
//function link5(datei) {
//self.location="<? echo $_SERVER['PHP_SELF']."?page=verein&verein="; ?>" + datei;
//}
//function link6(datei) {
//self.location="<? echo $_SERVER['PHP_SELF']."?page=events&events="; ?>" + datei;
//}
</script>

</head>

<body background="pix/bg.jpg">
<center>
<br>
<table width="960" border="0" cellpadding="0" cellspacing="2" bgcolor="#000000">
<tr>
<td colspan="2"> <img src="pix/banner.jpg" width="957" height="144"></td>
</tr>
<tr bgcolor="#03337D">
<td height="33" colspan="2" align="center" <? $page = $_GET['page']; if ($page == "") {echo "djfgsudfhshdfjksdhf";}?>>
<?
$page = $_GET['page'];

if ($page == "") {
include ("inc/menu/home.inc.php");
} elseif ($page == "rest") {
include ("inc/menu/rest.inc.php");
} elseif ($page == "team") {
include ("inc/menu/team.inc.php");
} elseif ($page == "wochen") {
include ("inc/menu/wochen.inc.php");
} elseif ($page == "karte") {
include ("inc/menu/karte.inc.php");
} elseif ($page == "wein") {
include ("inc/menu/wein.inc.php");
} elseif ($page == "events") {
include ("inc/menu/events.inc.php");
} elseif ($page == "gaestebuch") {
include ("inc/menu/gaestebuch.inc.php");
} elseif ($page == "zeit") {
include ("inc/menu/zeit.inc.php");
} elseif ($page == "kontakt") {
include ("inc/menu/kontakt.inc.php");
} elseif ($page == "sprache") {
include ("inc/menu/sprache.inc.php");
} else {}
?>
</td>
</tr>

<tr>
<td width="252" height="540" valign="top" bgcolor="#FFFFFF">
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="navi">
<a href="<? echo $_SERVER['PHP_SELF'].'?page=rest'; ?>"
onmouseover="Bildwechsel('rest', Highlightrest)"
onmouseout="Bildwechsel('rest', Normalrest)"><img src="pix/rest1.jpg"
border="0" alt="Das Restaurant" id="rest"></a></td>
</tr>

<tr>
<td class="navi">
<a href="<? echo $_SERVER['PHP_SELF'].'?page=team'; ?>"
onmouseover="Bildwechsel('team', Highlightteam)"
onmouseout="Bildwechsel('team', Normalteam)"><img src="pix/team1.jpg"
border="0" alt="Unser Team" id="team"></a></td>
</tr>

<tr>
<td class="navi">
<a href="<? echo $_SERVER['PHP_SELF'].'?page=wochen'; ?>"
onmouseover="Bildwechsel('wochen', Highlightwochen)"
onmouseout="Bildwechsel('wochen', Normalwochen)"><img src="pix/wochen1.jpg"
border="0" alt="Das Tagesmenü" id="wochen"></a></td>
</tr>
<tr>
<td class="navi">
<a href="<? echo $_SERVER['PHP_SELF'].'?page=karte'; ?>"
onmouseover="Bildwechsel('karte', Highlightkarte)"
onmouseout="Bildwechsel('karte', Normalkarte)"><img src="pix/karte1.jpg"
border="0" alt="Die Speisekarte" id="karte"></a></td>
</tr>
<tr>
<td class="navi">
<a href="<? echo $_SERVER['PHP_SELF'].'?page=wein'; ?>"
onmouseover="Bildwechsel('wein', Highlightwein)"
onmouseout="Bildwechsel('wein', Normalwein)"><img src="pix/wein1.jpg"
border="0" alt="Die Getränkekarte" id="wein"></a></td>
</tr>

<tr>
<td class="navi">
<a href="<? echo $_SERVER['PHP_SELF'].'?page=events'; ?>"
onmouseover="Bildwechsel('events', Highlightevents)"
onmouseout="Bildwechsel('events', Normalevents)"><img src="pix/events1.jpg"
border="0" alt="Zu den Events" id="events"></a></td>
</tr>

<tr>
<td class="navi">
<a href="<? echo $_SERVER['PHP_SELF'].'?page=gaestebuch'; ?>"
onmouseover="Bildwechsel('gaestebuch', Highlightgaestebuch)"
onmouseout="Bildwechsel('gaestebuch', Normalgaestebuch)"><img src="pix/gaestebuch1.jpg"
border="0" alt="Zum Gästebuch" id="gaestebuch"></a></td>
</tr>

<tr>
<td class="navi">
<a href="<? echo $_SERVER['PHP_SELF'].'?page=zeit'; ?>"
onmouseover="Bildwechsel('zeit', Highlightzeit)"
onmouseout="Bildwechsel('zeit', Normalzeit)"><img src="pix/zeit1.jpg"
border="0" alt="Die Öffnungszeiten" id="zeit"></a></td>
</tr>

<tr>
<td class="navi">
<a href="<? echo $_SERVER['PHP_SELF'].'?page=kontakt'; ?>"
onmouseover="Bildwechsel('kontakt', Highlightkontakt)"
onmouseout="Bildwechsel('kontakt', Normalkontakt)"><img src="pix/kontakt1.jpg"
border="0" alt="Kontakt" id="kontakt"></a></td>
</tr>

<tr>
<td class="navi">
<a href="<? echo $_SERVER['PHP_SELF'].'?page=sprache'; ?>"
onmouseover="Bildwechsel('sprache', Highlightsprache)"
onmouseout="Bildwechsel('sprache', Normalsprache)"><img src="pix/sprache1.jpg"
border="0" alt="Sprache auswählen" id="sprache"></a></td>
</tr>

</table>
<img src="pix/navipic.jpg" width="252" height="129"></td>
<td width="702" bgcolor="#FFFFFF" class="<? if ($page == "") {} else {echo "text"; } ?>">
<?


if ($page == "") {
echo "<img src='pix/home.inc.jpg'>";
} elseif ($page == "rest") {
include ("inc/content/rest.inc.php");
} elseif ($page == "team") {
include ("inc/content/team.inc.php");
} elseif ($page == "wochen") {
include ("inc/content/wochen.inc.php");
} elseif ($page == "karte") {
include ("inc/content/karte.inc.php");
} elseif ($page == "wein") {
include ("inc/content/wein.inc.php");
} elseif ($page == "events") {
include ("inc/content/events.inc.php");
} elseif ($page == "gaestebuch") {
include ("inc/content/gaestebuch.inc.php");
} elseif ($page == "zeit") {
include ("inc/content/zeit.inc.php");
} elseif ($page == "kontakt") {
include ("inc/content/kontakt.inc.php");
} elseif ($page == "sprache") {
include ("inc/content/sprache.inc.php");
} //elseif ($page == "formular") {
//include ("inc/content/formular.inc.php");
//}
else {}
?>
</td>
</tr>

<tr>
<td height="17" bgcolor="#03337D" colspan="2"><div align="center"><strong><font color="#FFFFFF" size="-1">&copy;
2007 by: Claudia Kyburz</font></strong> </div></td>
</tr>
</table>
</center>
</body>
</html>[/code]
  View user's profile Private Nachricht senden
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht: Männlich
Verfasst Sa 09.06.2007 01:09
Titel

Antworten mit Zitat Zum Seitenanfang

Zitat:
Ich bin gerade eine Website am codieren.

Da sind noch einige Fehler im Code.

Zitat:
Wenn man auf meiner Seite etwas in der Navigation anklickt wird das entsprechende included.

Ja, sehe ich...
Ein wenig umständlich, aber OK.
Ich hätte das nicht mit if/else gemacht, sondern einen switch/case-Block genommen.
Aber das spielt keine große Rolle.

Code:
<?

Das funktioniert nur dann, wenn die short_open_tags in der php.ini aktiviert wurden.
Zur Sicherheit, damit das Script auch auf jedem Server läuft, solltest du immer die lange Form schreiben:
Code:
<?php

Code:
$page = $_GET['page'];

Wieso speichert diesen Wert noch einmal in einer anderen Variablen? Das ist völlig unnötig und nur sinnlose Speicherverschwendung.
Das Array $_GET ist außerdem superglobal. Du kannst selbst innerhalb von Funktionen drauf zugreifen.

Zitat:
Nun ist es mir bisher nicht mehr gelungen einen Scrollbar einzufügen damit die tabelle immer gleich gross bleibt.

Das verstehe ich überhaupt nicht.
Was hat ein Scrollbalken denn mit einer Tabellengröße zu tun?
Du kannst doch nicht einfach einen Scrollbalken einfügen, damit eine Tabelle eine bestimmte Größe bekommt.
Du mußt der Tabelle eine bestimmte Größe zuweisen. Eventuell entsteht dann ein Scrollbalken, wenn dieser benötigt wird (sofern du diesen nicht unterdrückst/erzwingst).

Außerdem ist es Mist, was du da machst.
Du mißbrauchst Tabellen zu Layoutzwecken.
Früher war das mal notwendig, weil es keine Alternative gab.
Aber jetzt solltest du das immer mit CSS machen und Tabellen nur für wirklich tabellarische Inhalte einsetzen.
Anders wäre es zwar syntaktisch richtig, aber semantisch völlig falsch.

Naja, aber mal weiter im Code...
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Diese DTD-Angabe ist schon mal gar nicht gut.
Setze die folgende ein:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Es gibt den sogenannten Doctype-Switch.
Damit schaltest du den Browser in den standardkompatiblen Modus. Besonders beim MSIE 6 ist das wichtig, weil er sonst zu viele Fehler macht. Besonders die Umsetzung des Boxmodells ist ganz schlimm...

Dann fehlt im Head die Angabe des eingesetzen Charsets.
Ich habe gesehen, daß du später in deinem Text Umlaute einsetzt.
Also entweder mußt du die Charsetangabe machen oder du solltest statt Umlauten Named Entities verwenden - zumindest wenn du willst, daß diese überall korrekt dargestellt werden.
Ich würde also zu einer Angabe wie der folgenden raten:
Code:
<meta http-equiv="content-type" content="text/html; charset=iso-8859-15">

Natürlich muß diese auch dem Charset entsprechen mit dem du die Datei gespeichert hast.

Code:
<script language="Javascript">

Das Language-Attribut ist deprecated.
Nutze das Type-Attribut:
Code:
<script type="text/javascript">


Was sollen die folgenden Funktionen:
Code:
function link1(datei) {

...
Die werden im weiteren Dokument doch überhaupt nicht aufgerufen. Wofür sind die also da?

Code:
<body background="pix/bg.jpg">

Vergiß das Attribut background und setze dafür CSS ein.

Code:
<center>

Vergiß ganz schnell die Center-Tags und setze dafür CSS ein.

Code:
<br>

Das Element br erzeugt einen Zeilenumbruch, ja.
Aber wenn du Abstände in deinem Dokument haben willst, dann solltest du das mit CSS machen.
Du hast überhaupt keine Trennung von Struktur und Design in deinem Code.

Code:
<table width="960" border="0" cellpadding="0" cellspacing="2" bgcolor="#000000">

Wie bereits gesagt: Du solltest keine Tabellen zum Layouten einsetzen und dafür CSS nutzen.
Aber hier liegt dein Problem. Das glaube ich zumindest, wenn ich deinen Text richtig verstanden hab...
Du gibst der Tabelle gar keine Höhe mit. Natürlich paßt sie sich dann dem Inhalt an...
Du müßtest eine Höhenangabe machen, allerdings nicht mit dem Attribut height.
Das gehörte niemals zu irgendeinem HTML-Standard (auch wenn das viele glauben).
Daher hast du invaliden Code, wenn du es einsetzt. Im standardkonformen Modus ignorieren es die Browser ohnehin.
Du mußt die Angabe per CSS machen.
Z.B. so:
Code:
<table style="height: 100px;">

Die anderen Angaben, die du noch da drin hast, würde ich auch per CSS machen...

Code:
<img src="pix/banner.jpg" width="957" height="144">

Das Attribut alt ist in Image-Tags zwingend vorgeschrieben. Du kannst es leer lassen, darfst es aber nicht weglassen.
Und leer lassen ist keine gute Idee. Was machen die User mit Screenreader, Textbrowser oder deaktivierter Bildanzeige?

Code:
<? $page = $_GET['page']; if ($page == "") {echo "djfgsudfhshdfjksdhf";}?>>

Was soll das denn?

Code:
 <td width="252" height="540" valign="top" bgcolor="#FFFFFF">

Aha. Hier ist eine Höhenangabe drin... Wird aber im standardkonformen Modus ignoriert und sollte daher mit CSS gemacht werden.
Ebenso sollte CSS für die Breitenangabe, für die Ausrichtung und für die Hintergrundfarbe eingesetzt werden.

Code:
<div align="center"><strong><font color="#FFFFFF" size="-1">&copy;
2007 by: Claudia Kyburz</font></strong> </div>

Font-Tags sind deprecated und sollten nicht mehr eingesetzt werden.
Sie haben keine semantische Bedeutung und dienen nur der Formatierung. Dafür sollte nur CSS genommen werden.
Außerdem hättest du dir den Einsatz der Elemente strong und font sparen können.
All diese Formatierungen kannst du dem Div (per CSS) mitgeben (ebenso auch die Ausrichtung).

Ich rate dazu, einmal in den CSS-Teil von SelfHTML zu schauen.
Und dann solltest du Struktur und Design besser voneinander trennen.
Du kannst alle Formatierungen in dein Stylesheet auslagern.
Ich weiß überhaupt nicht, warum du ein externes Stylesheet verwendest, wenn du so viele Formatierungen in deinem HTML-Code benutzt.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.