LinkBack URL
About LinkBacks
ZitierenKorrigiere erstmal die HTML-Fehler:
http://validator.w3.org/check?verbos...st%2Fmain.html
Hallo liebe TPler,
das alte Leid: habe Darstellungsprobleme bei einer Website
http://www.anstattanstelle.de/hptest/main.html
Leider funktioniert sie nur im Firefox richtig.
Das Ganze ist so aufgebaut:
Im Grunde liegen zwei Vollflächetabellen übereinander.
Die erste hat drei Spalten.
In der ersten die rote Zacke (links) in der mittleren Spalte der schwarze Körper mit fixer Breite von 800px (soll stets mittig sein), in der dritten Spalte die gelbe Zacke.
Die Zacken sollen je nach Bildschirmgröße auf die gesamte Breite gestaucht bzw. gestreckt werden.
Die zweite Tabelle hat drei Zeilen und beinhaltet die blauen Zacken (oben und unten), welche ebenso je nach Breite des Browserfensters über die gesamte Breite gestaucht und gestreckt werden sollen.
Der Internet-Explorer staucht nicht.
Chrome und Safari funktionieren auch nicht richtig.
Weiß jemand von euch Abhilfe?
Oder hat jemand eine Idee, wie man einen derartigen Seitenaufbau anders lösen könnte?
Geändert von Phantomia (25.03.2010 um 17:33 Uhr)
Korrigiere erstmal die HTML-Fehler:
http://validator.w3.org/check?verbos...st%2Fmain.html
ok, hab das Dokument geprüft und geändert.
Funktioniert weiterhin in Safari und Chrome mäßig,
im IE gar nicht.
wie's sein sollte sieht man im Firefox
http://www.anstattanstelle.de/hptest/main.html
Ich würde den Grundaufbau überdenken. Du missbrauchst eine Tabelle für Layoutzwecke, positionierst diese auch noch absolut ohne irgendwelche Positionen und Maße anzugeben und verwendest darin auch noch div-Elemente - das sind zuviele Semantikfehler auf einmal. Zusammen mit der damit einhergehenden "Gestaltung" kann ich die Browser durchaus verstehen, wenn sie es falsch darstellen.
Vorschlag: bau die Seite neu auf nur mit HTML, so wie es eigentlich gedacht ist. Verwende div's wenn es sein muss, nutze Hintergrundbilder (z.B .für links und rechts).
ja, seltsam, mir kam es auch komisch vor, mit einer "Vollflächentabelle" zu arbeiten.
Ich habe die Anleitung dazu aus dem Buch "Webseiten professionell erstellen" von Stefan Münz. So löst er eine Seite, auf der der Inhalt vertikal und horizontal mittig platziert sein soll:
<body style="height:100%; margin:0; padding:0">
<table style="width:100%; height:100%">
<tr>
<td style="text-align:center;
vertical-align:middle;">
<div style="margin-left:20%; margin-right:20%>
Text
</div>
<div style="font-size:20px; padding-top:5px">
Text Text
</div>
</td>
</tr>
</table>
</body>
Die Zacken als Hintergrundbild geht nicht, weil sie dann bei schmalem Bildschirm hinter der schwarzen Box verschwinden. Außerdem soll im Hintergrund ein Rapport sein, der nicht verzerrt werden soll.
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)