Barrierearm: Layout im Browser skalieren - ohne Sprengung

NEOX · #1 (**permalink**) 26.01.2007, 09:20

Schaut Euch diese Website mal an. Man kann es in Firefox mit strg+(+) problemlos vergrößern und das Layout bleibt erhalten. Das geht klar in die Richtung, eine Website möglichst barrierefrei zu gestalten und mir gefällt diese Lösung.

Weiß jemand, mit welchem Trick soetwas funktioniert? Ich bin für jeden Hinweis dankbar!

mazzo · #2 (**permalink**) 26.01.2007, 09:57

das ist kein Trick. Die benutzen nur relative Angaben für Breiten und Höhen (em und/oder %). So skalieren halt alle Elemente mit, wenn man Schriftgröße ändert.

Zusätzlich hat die Seite offenbar Vordergrund-Grafiken (z.B. in der Navi oben) in em-Breiten/Höhen definiert, so dass diese ebenfalls mitskalieren, wenn auch die Ansicht dann pixeliger wird.

halbmond · #3 (**permalink**) 26.01.2007, 10:04

hier wird mit relativen(%)angaben gearbeitet.

edit: da war einer schneller

NEOX · #4 (**permalink**) 26.01.2007, 10:31

Ja genau - selbst die Bilder skalieren mit!
Allerdings, wenn ich mir den Code ansehe: Z.B. das Logo oben links:

Code:

#logo{
	position:absolute;
	top:0px;
	left:0px;
}

Da ist nicht viel von relativen Angaben zu sehen. Kann es sein, dass hier eine andere Technik verwendet wird?

Edit:
Wie ich sehe, wurden die relativen Angaben lokal eingegeben: style="width:12.5em;height:3em;"
Verstehe...

mazzo · #5 (**permalink**) 26.01.2007, 12:06

Zitat:

Zitat von NEOX

Edit:
Wie ich sehe, wurden die relativen Angaben lokal eingegeben: style="width:12.5em;height:3em;"
Verstehe...

was nicht zu empfehlen ist da -wie Du ja selber gemerkt hast- man evtl. lange sucht bis man die Angabe findet.

Evtl. erklärt sich das aber aus dem Content-Management-System, das bei generierung einer Seite diese Breitenangaben dynamisch in den Code schreibt.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
In der Ecke des Browser neues Layout "andeuten"	crossgolfer	Grafik, Design, Typografie	1	26.05.2007 19:15
Erstes eigenes Layout - Browsertest durch verschiedene Betriebssysteme und Browser	Satzzeichen001	Site- und Layoutcheck	19	15.05.2007 15:36
Browser Layout Hilfe	=diamond=	CSS	1	31.05.2006 21:28
Problem mit Schriftgröße in Tabellen	pospiech	Knowledge Base	20	10.08.2005 23:12
Alle browser alle Platformen, wie ist das Layout	realtec	Site- und Layoutcheck	3	23.12.2004 09:51