zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Site- und Layoutcheck
Seite neu laden Layoutcheck - Sportverein

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 24.08.2007, 14:24
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.10.2005
Ort: HH
Beiträge: 173
Dwayne befindet sich auf einem aufstrebenden Ast
Dwayne eine Nachricht über ICQ schicken
Standard Layoutcheck - Sportverein

Hallo, ich wollte die folgende Website vorstellen: SV Steinhorst

1. Ist das verwendete (X)HTML und CSS valide?
Das XHTML auf jeden Fall. Der Validator stört sich in der CSS-Datei an Angaben zur Thickbox.

2. Werden veraltete Techniken wie Frame- oder Tabellenlayout verwendet?
Nein

3. Hält das Layout einer Textvergrößerung stand?
Ja

4. Ist die Darstellung in verschiedenen Browsern vergleichbar?
Test in Firefox, Opera und IE >= 6 bestanden.

5. Wird semantisch korrekter Code verwendet?
größtenteils ja. Eine Sache, die mich noch stört, ist die Tabelle auf der Startseite für "Aktuelles". Vor dem Tabellenkonstrukt benutzte ich eine Definitionsliste, die optisch wie das aktuelle Tabellenkonstrukt daherkam:

Code:
HTML

<dl>
  <dt>17.07.2007</dt>
  <dd>Fußball</dd>
  <dd>5:0 gewonnen</dd>

  <dt>14.07.2007</dt>
  <dd>Fußball</dd>
  <dd>5:0 gewonnen</dd>

  <dt>13.07.2007</dt>
  <dd>Fußball</dd>
  <dd>5:0 gewonnen</dd>
</dl>

CSS

dl {float:left;clear:both;}
dt, 
dd {float:left;}
Das hat aber im IE6 leider nicht funktioniert, denn die floatenden Elemente haben sich verschoben. Also habe ich es vorerst anders gelöst.

---

Außerdem habe ich vor, IE6-Benutzer zu diskriminieren
Bei mir kommt der Lösungsansatz für PNG-Darstellung im IE, der hier vorgestellt wird, zum Einsatz. Leider funktioniert dieses Konstrukt im IE nur auf der ersten Ebene. Sobald sich der Besucher eine Ebene tiefer die Seiten aufruft, wird das Bild nicht mehr dargestellt. Ich kann es mir nicht erklären, daher plane ich, für IE 6-Benutzer eine gif-Grafik zu verwenden, die geringfügig anders aussieht. Aktuell wird die png-Grafik für beide Browser verwendet. Vielleicht lässt sich das Problem ja lösen.
Insgesamt finde ich das vorhaben aber human, da niemand gezwungen ist, den IE6 zu benutzen.

Das wars von mir: Feuer frei...
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.08.2007, 15:46
Benutzerbild von laborix
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.12.2005
Ort: Bad Liebenzell
Beiträge: 1.273
laborix sorgt für eine eindrucksvolle Atmosphärelaborix sorgt für eine eindrucksvolle Atmosphärelaborix sorgt für eine eindrucksvolle Atmosphärelaborix sorgt für eine eindrucksvolle Atmosphärelaborix sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Dwayne Beitrag anzeigen
1. Ist das verwendete (X)HTML und CSS valide?
Das XHTML auf jeden Fall. Der Validator stört sich in der CSS-Datei an Angaben zur Thickbox.
5 von 28 Seiten sind nicht valide

Zitat:
Zitat von Dwayne Beitrag anzeigen
Das wars von mir: Feuer frei...
lade ich deine Seite ohne CSS, so vermisse ich einen Skip-Link zum Inhalt, schalte ich eine Sidebar dazu (WinXP 120DPI großer Font), so läuft deine Navigation in den mittleren Textbereich. vergrößere ich im IE die Schrift auf sehr groß, so habe ich das gleiche Problem mit der Navigation.

Im Impressum ist deine E-Mail Adresse nicht anwählbar, nicht sehr vorteilhaft.

Abgesehen davon schön zu lesen und übersichtlich

\\Edit: Zur PNG Grafik
Wenn du schon über GIF nachdenkst, warum verzichtest du dann nicht auf den Alpha Kanal beim PNG und machst deine Transparenz mit 256Farben PNG?

Bei 256 Farben PNG funktioniert die Transparenz seit IE 5

Geändert von laborix (24.08.2007 um 15:49 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 24.08.2007, 16:08
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 704
kadees wird schon bald berühmt werdenkadees wird schon bald berühmt werdenkadees wird schon bald berühmt werden
Standard

War gerade noch am "untersuchen", laborix war schneller.

Fehlerhafte Seite z.B:
Saisonabschluss 2007 der D-Jugend
HTMLTidy meckert:
Zitat:
Zeile 54 Zeichen 30 - Warnung: XHTML-Element <img> nicht geschlossen
Zeile 49 Zeichen 61 - Warnung: Leeres Element <p> anpassen/löschen
Code:
<p>Sonne, Erfolg und viel
...
sauber verlassen.<p>
Also noch mal drüberschauen!

Skiplink fehlt, eine Breadcrump-Navi könntest du mal andenken.
Insgesamt fehlen mir Links wie : zurück, zum Seitenanfang usw.
Mit Zitat antworten
  #4 (permalink)  
Alt 25.08.2007, 20:38
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 12.10.2005
Ort: HH
Beiträge: 173
Dwayne befindet sich auf einem aufstrebenden Ast
Dwayne eine Nachricht über ICQ schicken
Standard

Zitat:
Zitat von laborix Beitrag anzeigen
5 von 28 Seiten sind nicht valide
Hmpf, da habe ich den Mund wohl zu voll genommen.
Jetzt sollte aber alles ok sein. 5 von 28 Seiten sagst du... Benutzt du ein Tool, dass selbstständig alle Seiten checkt? Wenn ja, wie heißt das?

Zitat:
Zitat von laborix Beitrag anzeigen
lade ich deine Seite ohne CSS, so vermisse ich einen Skip-Link zum Inhalt,
Ist integriert, wie auch ein Link zum Seitenanfang. Über eine Breadcrumb-Navi habe ich auch schon nachgedacht. Muss ich nochmal sehen, ob, wie und wo ich diese integriere.

Zitat:
Zitat von laborix Beitrag anzeigen
schalte ich eine Sidebar dazu (WinXP 120DPI großer Font), so läuft deine Navigation in den mittleren Textbereich. vergrößere ich im IE die Schrift auf sehr groß, so habe ich das gleiche Problem mit der Navigation.
Ich habe das mal mit der verschiebbaren "Chronik-Box" von Firefox getestet. Ich meine, ist es denn ab einer gewissen Größe nicht vorprogrammiert? Wie könnte ich das verhindern, ohne Grundzüge des Layouts über Bord zu werfen?

Danke schonmal für eure Anregungen.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
quicksilver-worxx Site- u. Layoutcheck regloh Site- und Layoutcheck 30 14.10.2008 14:39
site- und layoutcheck alejandro Site- und Layoutcheck 10 06.02.2008 18:18
Code- und Layoutcheck für erste XHTML/CSS Seite erbeten bitalias Site- und Layoutcheck 11 10.05.2006 13:35
Script - und Layoutcheck claude Site- und Layoutcheck 19 05.12.2005 22:28
Site -und Layoutcheck claude Site- und Layoutcheck 7 05.07.2005 22:47


Alle Zeitangaben in WEZ +1. Es ist jetzt 12:20 Uhr.