Aufl.: <1024*768 - "position:absolute" :-/

[404-Knut]

Hallo!

Ich habe folgendes Problem: Eine Webseite befindet sich
in der Mitte vom Internetexplorerfenster (zum Rand
nach oben und unten jeweils ein paar cm abstand) und
hat in der unteren Hälfte mehrere quer verteilte Grafiken
in Form von Seifenblasen. Die Seite ist überwiegend
mit Tabellen aufgebaut und funktioniert in einer
Darstellung von 1024*768 perfekt. Wenn ich allerdings
eine höhere Darstellung verwende, z.b. 1600*1200 o.ä.,
dann überlappen die Grafiken den Text, bleiben jedoch
an der gleichen Stelle. Sprich: Text und Rest verschieben
sich bei geänderter Auflösung, die Grafiken (welche
eine Ebene "drüber" liegen) bleiben aufgrund ihrer
absoluten Position jedoch unverändert.

Wenn ich die Bilder als realtiv definiere, dann
ist die ganze Ansicht durcheinander und unbrauchbar.
Alle Grafiken in eine Tabelle nebeneinander zu bringen
ist glaube ich auch nicht so optimal, da eben nicht
alle die Gleiche höhe haben, sind ergo nicht linear
an einander gereiht.

Weis jemand, wie man dieses Problem ändern könnte?
Für Antworten wäre ich sehr dankbar.

[Fabian Transchel]

Hallo,

[...]
Weis jemand, wie man dieses Problem ändern könnte?

position:absolute; top:ZAHL%; left:ZAHL%;

Merke: Absolutes Positionieren heißt nicht unbedingt, Pixel zu schubsen.

Grüße aus Barsinghausen,
Fabian

[404-Knut]

Hallo,

[...]
Weis jemand, wie man dieses Problem ändern könnte?

position:absolute; top:ZAHL%; left:ZAHL%;

Merke: Absolutes Positionieren heißt nicht unbedingt, Pixel zu schubsen.

Grüße aus Barsinghausen,
Fabian

Hallo,

so habe ich's ja auch drinne stehen, z.b.:

<div id="Layer1" style="position:absolute; width:200px; height:146px; z-index:1; left: 673px; top: 426px"><img src="grafik.gif" width="175" height="175"></div>

Die Grafiken bleiben ja auch absolut, so wie es sein soll, aber die Texte verschieben sich leider. Kann man die (sind ja in Tabellen) nicht auch irgendwie absolut machen oder funktioniert das nur bei den Bildern?

Trotzdem danke.

[wahsaga]

hi,

so habe ich's ja auch drinne stehen, z.b.:

nein, hast du nicht.

<div id="Layer1" style="position:absolute; width:200px; height:146px; z-index:1; left: 673px; top: 426px"><img src="grafik.gif" width="175" height="175"></div>

Fabian sprach von prozentangaben.

gruß,
wahsaga

[404-Knut]

hi,

so habe ich's ja auch drinne stehen, z.b.:

nein, hast du nicht.

<div id="Layer1" style="position:absolute; width:200px; height:146px; z-index:1; left: 673px; top: 426px"><img src="grafik.gif" width="175" height="175"></div>

Fabian sprach von prozentangaben.

gruß,
wahsaga

Ok, alles klar. Habs nun hinbekommen: Die oberste Tabelle, quasi die gesamte Seite, mittels DIV-Tag zu einer absoluten Position definiert, bei dem die Top & Left-Werte = 0px sind. Ergebnis ist, das sowohl Text als auch Bilder bei allen Auflösungen unverändert dargestellt werden. Danke.

[wahsaga]

hi,

Ok, alles klar. Habs nun hinbekommen: Die oberste Tabelle, quasi die gesamte Seite, mittels DIV-Tag zu einer absoluten Position definiert, bei dem die Top & Left-Werte = 0px sind. Ergebnis ist, das sowohl Text als auch Bilder bei allen Auflösungen unverändert dargestellt werden. Danke.

und wie sieht es bei einer änderung der schriftgröße durch den user aus ...?

gruß,
wahsaga