HTML - Tabelle -- Skalierbarkeit

[brennkopf]

Hi!

Ich hab für unser Schulprojekt eine Seite entworfen, die findet ihr hier:

http://dev.bg-gallus.ac.at/webs/bdoringer



So weit, so gut! Content fehlt halt noch....

Wenn man die Site in 1280x1024 anschaut, ist alles in Butter.

Wenn man sie allerdings in 1024x768 betrachtet, zerstückelt er mir die Tabelle. Wie kann ich das Splittern verhindern bzw. erreichen, dass er die Site in beiden Auflösungen gleich anzeigt?



Ich möchte euch bitten, euch die Seite in beiden Auflösungen anzuschauen und mir evtl. gleich mitzuteilen, was ich verbessern könnte....


Bitte schauts euch gleich an, Montag muss die Page präsentiert werden.



Schonmal recht herzlichen Dank im Vorraus,

liebe Grüße,

Bernhard

[Tom-Wien]

Wie kann ich das Splittern verhindern

was verstehst du darunter?

dass er die Site in beiden Auflösungen gleich anzeigt

ist bei mir gleich - abgesehen davon das man seitlich scrollen muß

btw: wenn man in tieferen ebenen ist funzen die link-buttons links außen nicht - außer der home ...

[brennkopf]

aha, danke!

ich will nicht seitlich scrollen müssen, ausserdem verhackt er die obere Leiste wo das "BG - GALLUS" Logo drin ist. das mein ich mit "nicht splittern".

Die Link-Buttons aussen funzen schon, welchen Browser benutzt du?

[Tom-Wien]

firefox

und die buttons gehn NICHT, wenn du in themen eines ausgewählt hast, kommst nicht zurück auf themen oder die anderen, sonder NUR auf home.

du kannst entweder eine resolution abfrage einbauen und die seite für 2 oder 3 auflösungen abspeichern oder das browserfenster scalieren und die efektive breite der einzelnen "spalten" in prozenten der gesamtbreite definieren - fürs logo mußt halt, wenn es immer das gleiche ist - eine mindestbreite definieren ...

[brennkopf]

Hmmm.... also bei mir gehen die Buttons...

Kann sein, dass ich in den Themen die Hyperlinks noch nicht gesetzt habe, aber bei mir gehts.... mal sehn.

Edith: Danke Tom, hatte bei den Hyperlinks immer noch ein leeres Java-Script drinstehen, werds mal korrigieren.

Wie mach ich denn so eine Resolutions-Abfrage?


bzw, wenn ich eine Spalte mit Breite 1024px habe und bei 850px ein Bild, wie rechne ich das dann in Prozent um?
Da müsste dann etwa folgendes rauskommen: 83% Bildposition

[Tom-Wien]

Wie mach ich denn so eine Resolutions-Abfrage?

Code: Alles auswählen

<script language="Javascript"><!--

if (screen.width <= 640) {
self.resizeTo(640,440);
self.moveTo((screen.width-640)/2,(screen.height-480)/2)
}

else if (screen.width <= 800) {
self.resizeTo(800,570);
self.moveTo((screen.width-800)/2,(screen.height-570)/2-15); 
}

else if (screen.width <= 1024) {
self.resizeTo(1024,738);
self.moveTo((screen.width-1024)/2,(screen.height-768)/2-15); 
}

if (screen.width > 1024) {
self.resizeTo(1024,738);
self.moveTo((screen.width-1024)/2,(screen.height-768)/2-15); 
}

//-->
</script>


das gilt halt für die normalen auflösungen - für widescreens mußt entsprechend adaptieren.

"rechtsbündig" kann man etwas auch ausrichten ...

[brennkopf]

Wie war denn das mit dem "rechtsbündig" gemeint?


Ich kann eigentlich kein Java-Script, also muss ich wg. dem Code da oben GANZ BLÖD fragen: Was macht der dann?

resized der dann die Breite der kompletten Site auf so-und-soviel Pixel, oder redirected der nur zum Ordner, in dem zb. die 640x480 Site gespeichert ist?

[Tom-Wien]

das resizesd das brwoser-fenster auf die angegebenen werte und centerd es (wobei ich jetzt nicht sicher bin ob ich die formel bei dem script im bezug auf die höhenausrichtung bei dem script schon richtig drinn hab, die letzten hp´s sind noch alle am alten lapi ...)
wenn du für unterschiedliche "bildschirmauflösungen" eigenen "webs" haben willst, kannst nur die screen-with nehmen und mußt die entsprechend aufzurufenden seiten je nach auflösung definieren ...
da weiß aber google ohnehin jede menge darüber ...

mit rechtsbündig meinte ich, das du das logo ja rechts außen "rechtsbündig" verankern kannst, dann bracuhst ned ummadum rechnen wo der "beginn" des logos ist ...

[lordpeng]

ich würd anstelle der fixen breite, die breite relativ angeben d.h. in % der bildschirmauflösung

[brennkopf]

ich würd anstelle der fixen breite, die breite relativ angeben d.h. in % der bildschirmauflösung

Und wie positioniere ich dann die Bilder so, dass die mitgehen, wenn ich die Auflösung wechsle?

Das heisst, wenn ich in 1024x768 die Site betrachte, dass die Bilder im Bezug zur Skalierung der Seite gleich stehen wie in 1280x1024?

D.h. dass die Bilder eventuell auch die Größe verändern können...

[brennkopf]

Hm.... eigentlich will ich nur erreichen, dass die Bilder in 1024x768 ANDERS stehen als in 1280x1024 und dass die Page in 1024x768 nicht seitwärts scrollbar ist...

[lordpeng]

>D.h. dass die Bilder eventuell auch die Größe verändern können...
nein die grösse der bilder bleibt unverändert, d.h. wenn du in einer zelle ein bild mit 300x200 pixeln hast, bleibt dieses bild immer so gross, was wiederum bedeudet, dass die zelle nie kleiner werden kann als das darin enthaltene bild, nur grösser ...

[brennkopf]

Hm.... eigentlich will ich nur erreichen, dass die Bilder in 1024x768 ANDERS stehen als in 1280x1024 und dass die Page in 1024x768 nicht seitwärts scrollbar ist...

[bin-da84]

ich würde die seite generell auf 1024x768 optimieren.

weil das ham die meisten leute... 1280x1024 hat ja fast niemand.

[lordpeng]

>weil das ham die meisten leute... 1280x1024 hat ja fast niemand.
also ich hab hier 1280x1024 und aufm notebook 1400x1050 ...