| Der Teufel steckt wohl im Detail?! |
Holgi
Otto-Normal-Poster
Beiträge: 42
|
Ist mir fast unangenehm, mit meiner wirklich sehr einfach gestrickten Seite http://www.mueller-bara.de/liga-tipp auf euch zuzukommen. Aber ich kann was nicht erklären bzw. lösen und hoffe auf eure Hilfe:
Die Seiten sind (ja, ja, Profis lächeln milde) mit Fusion 3.1 gestrickt und ohne frames. Reine ineinander verschachtelte Tabellen, die ich zentriert habe. Bei höherer Auflösung über 800x600 sollte beidseitig ein weisser leerer Rand sein.
Einige wenige Kumpels erzählen mir (bei den anderen wie auch bei mir gibts kein Problem), dass sie die senkrechten Tabellen unterhalb der Kopftabelle nicht mehr sehen können, sie verschwinden irgendwie an den Rand (auch anscheinend mit IE). Habt ihr irgendwie eine Idee, woran das liegen könnte bzw. wie ich das beseitigen könnte? Ist das unsauberer Fusion-Code oder liegts an IE-Einstellungen?
Ich danke euch für eure Mühe. 
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
Helmut_maieR
Quasselstrippe
Beiträge: 431
|
nö nö das muß dir nicht unangenehm sein ...
Die Seiten sind (ja, ja, Profis lächeln milde) mit Fusion 3.1
|
das sollte dir allerdings unangenehm sein, und ich dachte FP schreibt mieße quelltexte !!! 
also sei mir nicht böse aber diesen quelltext zerleg ich dir nicht
(da krieg ich einen gehirntumor nur vom lesen, 2 body-tags  )
ps: habs im IE4 und 5 sowie im Netscape 6 probiert und - die seite sieht überall anders aus, kleiner tip leg ein screenshot bei zur orientierung 
---
... Chaos muß sein, woraus sollte man sonst Ordnung machen? ...
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
Paraplex
Pixelschubser
Beiträge: 20
|
Hallo,
die Probleme beginnen eigentlich schon in der ersten Zeile deines Quelltextes mit einem für dein Dokument nicht zutreffenden Doctype (du verwendest viele Atribute, die in der von dir angegebenen HTML-Version gar nicht existieren). Du solltest hier eher folgendes verwenden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Den zweiten Body-Tag musst du entfernen und das onLoad="..." in den ersten schreiben.
Ansonsten fallen auf den ersten Blick viele überflüssige <p>-Tags auf, die teilweise auch noch zu einer fehlerhaften Verschachtelung der Tags führen. Die Behandlung der weiteren Fehler (es gibt noch einige) würde jetzt leider zu weit führen.
Verwende doch einfach mal, nachdem du den Doctype korrigiert hast (wichtig um eine sinnvolle Ausgabe zu erhalten), den Validator vom w3 Konsortium ( http://validator.w3.org) und versuche anhand der Fehlermeldungen (dazu brauchst du allerdings grundlegende HTML-Kentnisse) den Quelltext zu verbessern.
Ich hoffe, du kannst was damit anfangen.
|
| Profil
Editieren
Zitieren
|
tobias
Foren-Team
Beiträge: 708
|
SelfHTML durchlesen, HTML können und Site neu machen - ohne Fusion!
|
| Profil
Website
Editieren
Zitieren
|
Holgi
Otto-Normal-Poster
Beiträge: 42
|
Danke für eure Tipps! Ich sehe ein, dass ich endlich mit Stephan Münz und Co. anfangen muss.
Trotzdem noch 2 Fragen: Frage 1: Gibt es ein Tool, welches die gängigen Browser simulieren kann?
Frage 2: Woran kann es liegen, wenn bei GLEICHEM Browser (auch Version gleich) bei dem einen die Seiten funzen, beim anderen nicht? Sind doch wirklich nur Tabellen drin, okay, der Code ist Mist, aber zumindest alle IE 6 sollten das doch gleich erkennen, oder etwa nicht?! Danke!
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
Helmut_maieR
Quasselstrippe
Beiträge: 431
|
Gibt es ein Tool, welches die gängigen Browser simulieren kann?
|
ich kenn nur browserrola (von goldshell glaub ich), ist aber nicht nötig.
du solltest zumindest einen IE4 - 5 und NN4 und 6 dein eigen nennen. dann kanste auch versuche anstellen wie die seiten bei zb. unterschiedlichem schriftgrad (benutzereinstellung) oder bei den diversen erweiterten einstellungen reagieren.
mfg
---
... Chaos muß sein, woraus sollte man sonst Ordnung machen? ...
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
Paraplex
Pixelschubser
Beiträge: 20
|
Zu deiner 2. Frage:
Dafür gibt es in diesem Fall tatsächlich eine einfache Erklärung. Ich hoffe ich kann es mit Hilfe von folgendem Code-Schnipsel aus deinem Quelltext verständlich erklären:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10: |
...
<table>
Hier steht der Kopf deiner Seite mit der Navigation ...
</TABLE>
[b]<br><br><br><br><br>[/b]
<DIV ALIGN=left>
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0>
...Hier sind die weiteren Inhalte...
|
Das Problem ist, dass diese zwei Tabellen so prinzipiell nebeneinander dargestellt würden. Mit den Zeilenumbrüchen (<br>) wird die zweite Tabelle im günstigsten Fall soweit nach unten verschoben, dass sie in den Freiraum unter der ersten Tabelle "rutschen kann". Dann hast du sie untereinander. Bei verschiedenen Browsern bzw. unterschiedlichen Browsereinstellungen (z.B. Schriftart, Schriftgröße, ...) kann es passieren, dass die erste Tabelle zu hoch wird und so die 5 Zeilenumbrüche nicht ausreichend sind um die Tabellen untereinander darzustellen. Dann werden sie nebeneinander angezeigt.
Du kannst das ganz einfach ausprobieren, indem du ein oder zwei der Zeilenumbrüche entfernst und schon würden die beiden Tabellen auch in deinem Browser nebeneinander angezeigt.
Hier siehst du eine schematische Darstellung der "Tabellenflut", die Fusion 3.1 bei deiner Seite erzeugt hat: http://www.nincs.de/grampf/fussball.gif
Schaut doch recht nett aus?!
|
| Profil
Editieren
Zitieren
|
Holgi
Otto-Normal-Poster
Beiträge: 42
|
Grampf...genial!! Hübsche Grafik!!
Hatte auch schon gemerkt, dass die Probleme nur bei kleinem Schriftgrad auftauchen.
Jetzt muss ich nur noch einen Weg finden, im verkrampften Fusion <br>s zu löschen.
Auf jeden Fall wieder gut was gelernt. Speziellen Dank für die Mühe!
MfG, Holgi
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
Paraplex
Pixelschubser
Beiträge: 20
|
Den Test kannst du dir eigentlich sparen, da ich das heute Nachmittag mal schnell zum Überprüfen meiner Vermutung ausprobiert habe. Anhand der Screen Shots ist das denke ich recht gut zu erkennen:
Mit <br><br><br><br><br> wie in deinem Quelltext schauts mit Opera 6.02 so aus:
http://www.nincs.de/grampf/fussball.jpg
Mit <br><br><br><br><br><br><br><br> (+3 <br>) dann so (leider ohne Graphiken):
http://www.nincs.de/grampf/fussball1.jpg
Ach ja und der Vollständigkeit halber hier mit 2 <br> mehr:
http://www.nincs.de/grampf/fussball2.jpg
Viel Spass beim "Entkrampfen" des Quelltextes und beim HTML-Lernen. 
|
| Profil
Editieren
Zitieren
|
Holgi
Otto-Normal-Poster
Beiträge: 42
|
Helau, die <br> sind weg!! Der Code bleibt sch..., aber es geht und genügt zunächst den Bedürfnissen. Kann jetzt beruhigt in die Heia!
Danke nochmals für die wunderbare Aufklärung!
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
