[Bastilo]

So mal wieder ne Frage völlig "OFF TOPIC":
Wie löst ihr so den HTML-Grundaufbau einer Seite damit sie für mehrer Auflösungen funktioniert? Möglich sind Layer, Tabellen mit prozentualer Breite Frames...was meint ihr ist am praktischsten. Ich arbeite mit GoLive und fang gerade nochmal komplett neu mit dem Grundgerüst der Seite an und möchte nicht auf das falsche Pferd setzten. Bin für jeden Hinweis dankbar wie ihr das macht!

Grüße
Bastilo

[Jerichos]

Geh von der kleinsten anzunehmenden Auflösung aus (800er oder 1024er), und erstelle die Seite mit dieser festen Größe. Und schon hast Du keine Probleme mehr.

[Tobi.]

Schreib doch einfach Auflösungsunabhängig. Dann ist die Breite egal.
Also gib nicht fest Positionen für Elemente, zB Bilder im Text, vor, sondern nutze die CSS-Möglichkeiten voll aus. Damit lassen sich viele Dinge nämlich gestalten, ohne alles vorgeben zu müssen.

Sonst kann man natürlich auch einfach die Breite auf einen geringeren Wert einstellen, mache ich auch so...
Meine Website ist etwa 750px breit.

Was ich so richtig zu kotzen finde: Wenn Bilder, wie hier in der Galerie, rechts und unten abgeschnitten werden. Dann muss man nämlich nicht nur nach unten scrollen, sondern auch zur Seite.
Und das alles auch ohne Grund, denn links ist nun wirklich nichts daneben, was unbedingt daneben sein muss. Dummerweise scheint das die 4images-Grundeinstellung zu sein, denn man sieht das verdammt häufig.

Tobi

[Crossie]

Ich würde ebenfalls so viel wie möglich per CSS machen, damit bist Du flexibel und erleichterst Dir nach dem anfänglichen, einmaligen CSS-gefuddel das Leben erheblich, besonders, wenn das Web aus mehr als einer handvoll Seiten bestehen soll.

4images lässt sich übrigens recht einfach umbauen, wenn man sich die jeweilige Templatestruktur ansieht. Habe ich auch gemacht, da mir der linke Bereich ebenfalls mit unnötigen Dingen zu viel Platz weggenommen hat.

Gruss
Uwe

[Bastilo]

Hallo, danke erst mal für eure Tipps, ich hatte erst die Seite auf 800px ausgelegt aber jetz mit meinem neuen Monitor und 1200er Auflösung sieht das schon recht leer aus zumal ich golive auch nicht überreden konnte die 800px in die Mitte zu bringen. Die sind immer am linken Rand geklebt, deswegen auch der Neuanfang. Was mir nicht so klar ist was ich da mit CSS ausrichten kann, ich benutzte es um die Seitenfarben, Schriften usw...festzulegen, aber wie kann ich damit in die "Struktur" der Website eingreifen?

Grüße
Bastilo

[Tobi.]

Du kannst mit CSS Positionen, Größen, Ausrichtungen, Rahmen,... definieren. Eigentlich alles, was einem so einfällt. :-)
Schau dir am besten mal http://de.selfhtml.org/ an, das ist in dem Bereich _sehr_ hilfreich.

Tobi

[meshua]

Zitat von Bastilo

So mal wieder ne Frage völlig "OFF TOPIC":
Wie löst ihr so den HTML-Grundaufbau einer Seite damit sie für mehrer Auflösungen funktioniert? Möglich sind Layer, Tabellen mit prozentualer Breite Frames...was meint ihr ist am praktischsten. Ich arbeite mit GoLive und fang gerade nochmal komplett neu mit dem Grundgerüst der Seite an und möchte nicht auf das falsche Pferd setzten. Bin für jeden Hinweis dankbar wie ihr das macht!

Mein ernstgemeiner Tip: Lies dir die Seiten des SELFHTML-Projekts durch und bastel dir deine Seite so, wie Du sie haben möchtest und das sie W3C-Konform ist. Verzichte auf Frames, Java (Script), Flash oder ähnliches Gedöhns. Dann hast Du schon viel erreicht.


Grüße, Torsten.

[Basti]

Geh von der kleinsten anzunehmenden Auflösung aus (800er oder 1024er), und erstelle die Seite mit dieser festen Größe. Und schon hast Du keine Probleme mehr.

Das wäre zu leicht :-)
Mach dir doch eine Tabelle mit 100% Breite und drei Spalten. In die mittlere Spalte legst du eine weitere Tabelle an in die dein Inhalt kommt. Den mittleren Bereich gestaltest du nun so das er auf 800px Breite korrekt angezeigt wird. Sieht nun jemand die Seite mit einer größeren Auflösung an kommt der Inhalt durch die äußere Tabelle wenigstens mittig und mit einem evtl. hinterlegte Bild oder Gradienten gut rüber :-)
Lg
Basti

[Thomas602]

Für ein Grundgerüst hat sich bei mir bewährt erst mal den Computer ausgeschaltet zu lassen und auf einem karierten Blatt Papier die Anordnung der Seitenelemente zu skizzieren.

Moderne Browser kommen sehr gut mit "Layern" und CSS klar. Deshalb ist ein "Tabellen-Layout" nicht mehr unbedingt notwendig. Übermässiger Tabelleneinsatz macht den Quellcode der Seite schnell unübersichtlich.

[Jerichos]

Zitat von Basti

Das wäre zu leicht :-)
Mach dir doch eine Tabelle mit 100% Breite und drei Spalten. In die mittlere Spalte legst du eine weitere Tabelle an in die dein Inhalt kommt. Den mittleren Bereich gestaltest du nun so das er auf 800px Breite korrekt angezeigt wird. Sieht nun jemand die Seite mit einer größeren Auflösung an kommt der Inhalt durch die äußere Tabelle wenigstens mittig und mit einem evtl. hinterlegte Bild oder Gradienten gut rüber :-)
Lg
Basti

Natürlich, Basti. So meinte ich das auch. Du brauchst übrigens nicht mal eine Tabelle mit drei Spalten. Es reicht, wenn Du Deinen Inhalt in eine Tabelle mit einer Zeile und einer Spalte packst, und die den Status align="center" definierst, dann packt er die Tabelle immer in die Mitte des Bildschirms. Siehe hier -> klick