Proportionen von Seiten

Computer: Software & Programmierung HTML & CSS
1

Hallo,
wie kann ich erreichen das meine Seite auf jedem bildschirm gleich angezeigt wird, sich also alles proportional zum Bildschirmplatz verhält? Dabei enthält meine Seite Bilder, Text und nicht selbstgeschriebene Java-Applets.
Gruß Georg

2

Hallo,

wie kann ich erreichen das meine Seite auf jedem bildschirm
gleich angezeigt wird, sich also alles proportional zum
Bildschirmplatz verhält? Dabei enthält meine Seite Bilder,
Text und nicht selbstgeschriebene Java-Applets.

gar nicht.
Ausnahme - Du schreibst fuer jede Aufloesung eine eigene Version.
Und dann ahst Du keine garantie, dass der Besucher sein Browserfenster maximiert hat.

Sorry - dafuer ist html nicht gemacht.

Greetinx
Christian

http://www.htmk-workshop.de

3

Erst mal Danke für die schnelle antwort!

  1. Ist es denn möglich nur Bilder proportional anzupassen? Man kann ja auch Grösse und Breite vorher fix in Pixeln bestimmen, also müsste man ja evtl. auch Prozentwerte einsetzen können, wie das auch bei Tabellen möglich ist. Ich habe schon mehrmals rumprobiert, aber keine Lösung gefunden.

  2. Wie gebe ich in meinem Html code an was für welche Auflösung bestimmt ist, und wie erkenne ich dann welche Auflösung der Besucher meiner Seite benutzt?

Gruß Georg

4

Hallo,

  1. Ist es denn möglich nur Bilder proportional anzupassen? Man
    kann ja auch Grösse und Breite vorher fix in Pixeln bestimmen,
    also müsste man ja evtl. auch Prozentwerte einsetzen können,
    wie das auch bei Tabellen möglich ist. Ich habe schon mehrmals
    rumprobiert, aber keine Lösung gefunden.

sollte gehen - statt width=„x“ height=„y“ gibst Du width=„75%“ height="60% an.
Soweit ich weiss, beziehen sich die Prozentangaben dann auf das uebergeordnete Element - also Bilder im Fliesstext bekommen so 75% der bverfuegbaren Seitenbreite, Bilder in einer tabelle halt 75% der Tabellen-(Zellen-)breite.

Der nachteil ist halt, dass die Bilder vom Browser nicht annaeherend so schoen gestaucht / gestreckt werden wie von einem Grafikprogramm - sprich, Du bekommst unschoene Pixeltreppen.
Bsp.:
http://www.html-workshop.de/tips/bilderskalieren.html

  1. Wie gebe ich in meinem Html code an was für welche
    Auflösung bestimmt ist, und wie erkenne ich dann welche
    Auflösung der Besucher meiner Seite benutzt?

Geht nur mit einem JavaScript (un auch schon siehst Du den Schwachpunkt):

...(andere Angaben)

function aufloesung ()
{
var Hoehe, Breite;
Hoehe=screen.height;
Breite=screen.width;

if (Breite\<=640)
 {
 window.location.replace ("index640.html");
 }

if (Breite\>640 && Breite\<=800)
 {
 window.location.replace ("index800.html");
 }

if (Breite\>800 && Breite\<=1024)
 {
 window.location.replace ("index1024.html");
 }

if (Breite\>1024)
 {
 window.location.replace ("index1100.html");
 }
}

...

Eine Seite, wo das eingesetzt ist und Du Dir die sache mal mit verschiedenen Aufloesungen und maximiertem / nicht maximiertem Browserfenster usw anschauen kannst ist
http://www.rieber-kollegen.de

Greetinx
Christian

http://www.html-workshop.de