Semantisch korrekt oder simpel und leicht

[Antares]

Danke Manni, aber so klappt es direkt für einen Footer.
Mir reicht es aber schon, dass es nur für ein Bild klappt, naja und mit dieser Technik bekomme ich es nicht hin.
Gibt es nicht noch eine andere Möglichkeit ein Bild an den unteren Rand der Seite zu bringen?
Am besten natürlich mit Position: Absolute.

[mitaki]

Da passiert es mir manchmal, dass sich das entsprechende Bild nicht genau am Rand befindet, obwohl ich doch float: left; und padding-left: 0px; benutze,.

...

Hm, du hast vermutlich einen margin-left Wert bestimmt, wodurch alles nur bis zu diesem Außenabstand positioniert wird.
Wenn due die padding/margin Werte selbst bestimmt hast, müsste die Angabe von left: -Xpx; funktionieren.

Hm un wo wir schon bei Thema sind, nutze ich den Thread gerade mal für eine Frage:
Wie schaffe ich es, dass sich ein Objekt (Bild) direkt unten am Rand befindet?
Mit "Position: absolute; bottom: 0px;" funktioniert es leider nicht, da sich das Bild dann lediglich am unteren Bildschirmrand befindet.
Wenn man die Seite allerdings scrollen kann....

...

Welchen Rand meinst du nun? x.x
Unterer Rand des Elements? Dann versuche background-position.
Unterer Rand der Seite: Dann einfach als Letztes Element aufführen.
Wenn du es aber immer am Unteren Rand des Anzeigebereiches angezeigt haben möchtest, ist vermutlich position: fixed; hilfreich, damit kann der IE6 aber nur mit Hacks umgehen, soweit ich weis.

[Antares]

Unterer Rand des Elements? Dann versuche background-position.

...

Naja, ich glaube kaum dass es funktioniert, da das Bild quasi als oberster Layer angezeigt werden soll und nicht im Hintergrund

Unterer Rand der Seite: Dann einfach als Letztes Element aufführen.

...

Nein, so funktioniert das auch nicht, da ich bereits einen Footer mit festen Pixelangaben generiert habe und ich das Bild einfach nur nach links unten bringen will, also quasi über den Rest.

[mitaki]

Was ist mit den anderen Alternativen?

Willst du, dass das Bild nun am unteren Rand klebt und sich dahinter alles bewegt, etwa wie man es auf der Erweiterungsseite der Geckos sieht?
Zeige vielleicht mal eine Beispielseite x.x

[Antares]

Nagut, ich habe mal 2 Screenshots gemacht, um das Problem zu verdeutlichen.

Klick

Man sieht den Footerbereich der Webseite.
So, der Footer hat eine feste Höhe von 70px.

Und nun will ich dieses Bild einfach nur nach unten links in die Ecke setzen, da es höher als 70px ist und somit den Footer zerstören würde.

[Manni]

Pack es doch einfach auch noch hinter den Footer und bring es mit entsprechend negativem margin nach oben. Und du kannst auch noch position: absolute; right: 0px; benutzen um es an den rechten Rand zu bekommen

EDIT:
Hm, ich frag mich gerade, wie ich wohl auf rechts gekommen bin

[mitaki]

Na, dann versuche doch mal das Bild in den Footer zu tun und ihm die Eigenschaft margin-top: -30px; zu geben. Wenn nötig kann man die margins auch noch links anpassen und das ganze notfalls noch floaten lassen.

@Manni: Das Bild soll aber links hin ^^

[Antares]

Also ich bin wirklich beeindruckt.
Negativer Margin, davon hab ich zwar schon gehört, aber der Effekt war mir unbewusst.
Vielen Dank euch beiden, es klappt !

*Edit*

Kann es sein, dass der IE diese Funktion nicht unterstützt?
Denn dort ist das Bild bei einer Höhe von 70px abgeschnitten.

[mitaki]

Kann es sein, dass der IE diese Funktion nicht unterstützt?
Denn dort ist das Bild bei einer Höhe von 70px abgeschnitten.

...

Hat eventuell mit einem Bug des IE zu tun.
Versuch mal, dem Bild noch die Eigenschaft position: relative; zu geben.

[Antares]

Hat sich bereits erledigt. Mit "position: absolute; left: 0px;" hats funktioniert.
Trotzdem Danke für die Hilfe.

[mitaki]

Nur als Hinweis noch: Bei der Angabe von 0 ist keine Maßangabe notwendig. 0px = 0em = 0ex = 0pt = 0pc = 0in = 0cm = 0mm = 0%.^^

[Teelicht]

*hihi* mir fällt mal wieder eine Frage zum Thema ein, 'schuldigung ^^

Darauf gebracht hat mich mitaki, der in dem "pupsigen div-frage" thread nebenbei erwähnt hat, dass der Doctype den Browser in standartkonformen Modus bringt. Das wäre ja endlich mal ein ganz praktischer Nutzen des Doctypes, denn bisher schreibe ich ihn im Prinzip nur dahin, weil W3C das so will. Könnt ihr mir da noch mal näher erklären, was das mal von der ganz pratischen Seite aus Sicht des Webdesigners etwas bringt? Ich will gegenüber anderen nicht immer nur argumentieren können, dass es sich eben so gehört, das ist ein wahnsinnig schlechtes Argument...

Gruß, Micha

[mitaki]

Noch einmal zum sinnvollen Nutzen: David Hammonds Doctype switching Tabelle.

Im standardkonformen Modus verwendet der IE z.B. das richtige Box-Modell, ab IE7 sind darin auch die Bugfixes und Erweiterungen enthalten.

Der Doctype selbst gibt eben an, nach welcher DTD (Dokumenttyp Definition) das Dokument verarbeitet werden muss.
Wie kannst du dir das vorstellen? Nun HTML Strict kennt im gegensatz zu Transistional das target-Attribut nicht, weil es in der Strict DTD nicht enthalten ist (aus gutem Grund).