[css] barrierefreies webdesign
#1
hallo
hab mich in letzter zeit mal a bissal mit css design gespielt
dabei ist unter anderem diese seite raus gekommen
http://home.pages.at/kickedinthehead/sta...20spalten/

hab nur ein problem
unter firefox, opera und sonstigen browsern wird die seite vollkommen richtig dargestellt
nur der ie scheint a problem mit dem padding zu haben

kann mir vielleicht von euch wer helfen
mfg

edit:
hab mal alles total umgebaut
http://home.pages.at/kickedinthehead/

is jetzt von der breite her dynamisch innen von 750px bis 1000px
und außerdem läufts jetzt au auf dem ie =)
Write this on my gravestone, write this right on my grave, "To whisky and women, here lies a poor slave".

[Bild: 10_en_btn.gif]

Computer- und Mediensicherheit - FH Hagenberg
Hagenberger Kreis zur Förderung der digitalen Sicherheit
Security Forum
  Zitieren
#2
Zitat:Original von kickedINtheHEAD
[...]
edit:
hab mal alles total umgebaut
http://home.pages.at/kickedinthehead/

is jetzt von der breite her dynamisch innen von 750px bis 1000px
und außerdem läufts jetzt au auf dem ie =)

Zu CSS kann ich nicht viel sagen aber Layout und Design der Page gefallen mir sehr gut!
Ist mal nicht das allseits gewohnte und hat auch Mut zur Farbe! :hüpf:

Im IE passt es bei mir. Mit Firefox und Netscape werde ich es heute Abend noch antesten.
  Zitieren
#3
thx
design is zwar eignetlich nur a text damit ich die struktur besser seh aber wenns gefällt kann ichs ja noch verbessern

vielleicht hat wer nen größeren oder kleineren monitor als 17"

würd gern wissen wie die page auf denen rüber kommt - vor allem wie sie sich denen anpasst

au wegen hintergrund bin ich mir noch unsicher ob schwarz oder weiß

nur oben der grund wieso ie padding nicht richtig akzeptiert weiss ich noch immer net
Write this on my gravestone, write this right on my grave, "To whisky and women, here lies a poor slave".

[Bild: 10_en_btn.gif]

Computer- und Mediensicherheit - FH Hagenberg
Hagenberger Kreis zur Förderung der digitalen Sicherheit
Security Forum
  Zitieren
#4
Würde den Hintergrund schwarz lassen oder ein ganz dunkles Blau nehmen. Dadurch wird der Kontrast nochmals verstärkt und der eigentliche Inhalt kommt besser zur Geltung.

Werde heute Abend noch screenshots mit verschiedenen Browsern machen und hier posten. Habe jetzt leider keine Zeit mehr und muss weg...

SunSonic [nicht angemeldet]
  Zitieren
#5
thx aber browser hab ich selber ziehmlich alle - mir würds mehr um verschiedene bildschirmgrößen/auflösungen gehn und welches von denen am besten aussieht
falls du aber lynx oder nen mac browser hast wär schon intressant wie der die seite anzeigt Wink

und halt wie der thread sagt wieso der ie padding hier anderst interpretiert

http://home.pages.at/kickedinthehead/index.html
http://home.pages.at/kickedinthehead/gray.html
http://home.pages.at/kickedinthehead/darkblue.html
http://home.pages.at/kickedinthehead/blue.html
http://home.pages.at/kickedinthehead/white.html

und für intressierte ansicht ohne stylesheed (für text browser, content reader usw)
http://home.pages.at/kickedinthehead/kein.html

ps bitte net wegen dem header meckern - das ne 5 minuten arbeit damit wenigstens irgendwas da ist *Fg*

außerdem sollte die seite großteils behindertengerecht sein
es fehlen eigentlich nur noch keyboard shortcuts und a logischer tab index (die einzigen zwei warnungen bei cynthia says =) http://www.contentquality.com/)
kontrast sollte auch genug gegeben sein damit auch leute mit verschiedensten sehbehinderungen keine probleme haben

würd mich freuen wen marlem dazu au ein kommentar abgeben würde - ich denk er kennt sich da etwas besser aus als ich

schriftgrad kann eigentlich frei über den browser geregelt werden - a zusätzliches style sheet wäre aber auch kein problem

und für leute die trotzdem nicht klarkommen gibt es oben einen link zur seite ohne stylesheet

edit: so hab noch was geändert - breite is jetzt von 750 bis 1300 variierbar

wenn ich den header kleiner mach könnt i vorne noch weiter runter gehn - nur glaub net das wer noch ne auflösung unter 800*600 hat (oder doch?)

noch ein kleiner test: http://home.pages.at/kickedinthehead/new.html
an der html file wurde nichts geändert auser eine andere css datei rein geladen

so weder bobby noch cynthia says finden jetzt noch fehler oder warnungen (nur die index.html is angepasst)
http://bobby.watchfire.com/bobby/html/en/index.jsp
http://www.contentquality.com/
sprich sollte keine W3C WCAG (Web Content Accessibility Guidelines) oder Section 508 Konflikte geben

i weiss nur nicht wie ich wegen den accesskeys und tabs tun soll?
muss ich die irgendwie kennzeichnen oder kA

hab auch noch ne test version mit nem erweiterten header für höhere auflösungen - läuft aber au auf kleinen aufllösungen
http://home.pages.at/kickedinthehead/indexnew.html
Write this on my gravestone, write this right on my grave, "To whisky and women, here lies a poor slave".

[Bild: 10_en_btn.gif]

Computer- und Mediensicherheit - FH Hagenberg
Hagenberger Kreis zur Förderung der digitalen Sicherheit
Security Forum
  Zitieren
#6
das aller erste mit dem grauen hintergrund find ich am besten sieht gut aus und klein und kompakt Big Grin
  Zitieren
#7
http://home.pages.at/kickedinthehead/indexnew.html die neueste version is diese hier
läuft eigentlich am besten
nur max-width und min-width wird leider vom ie net erkannt
Write this on my gravestone, write this right on my grave, "To whisky and women, here lies a poor slave".

[Bild: 10_en_btn.gif]

Computer- und Mediensicherheit - FH Hagenberg
Hagenberger Kreis zur Förderung der digitalen Sicherheit
Security Forum
  Zitieren
#8
wenn du das includest dadrunter wenn wer draufklickt find ichs okay Smile
Homepage
CMS
Gallery
Guestbook
Forum

Edit
_________

Jetzt schauts sicher aus wie bei mir immer Big Grin

5 dateien und nicht eine geht 100 pro Smile aber du machst das schon Wink
  Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste