Positionierung auf der Seite

Computer: Software & Programmierung HTML & CSS
1

Hallo zusammen,

gibt es einen Befehl mithilfe dessen ein Element (z.B. eine Grafik od. ein Text) auf der Seite positioniert (unten/oben/rechts/links) werden kann? Ich möchte z.B. eine Grafik unten in die Seite einbinden. Muss ich nun eine Struktur mit Tabellen oder Absätzen aufbauen, um auf diese Weise quasi das Ende der Seite definieren zu können, oder kann ich durch einen Befehl die Grafik automatisch ans Ende setzen (ähnlich wie align=XY)?

Viele Dank und Gruß
Christian

2

Mit CSS geht (fast) alles
http://de.selfhtml.org/css/index.htm

Gruß

Stefan

3

http://de.selfhtml.org/css/index.htm
[Re: Mit CSS geht (fast) alles]

Aber das nicht, oder?

?Positioniere ein Div *genau* am Ende
einer Seite, deren Höhe man nicht kennt?

Grüße

CMБ

4

Ja
CSS:

/* too cool for IE */
a#tooCool { position: fixed; right: 0; bottom: 0; display: block; height: 80px; width: 80px; background: url(img/too_cool_sash_de.png) bottom right no-repeat; text-indent: -999em; text-decoration: none; }

XHTML:

Too Cool for Internet Explorer

Beispiel: http://klafuenf.de

Gruß

Stefan

5

Hallo,

CSS:

a#tooCool {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 80px;
width: 80px;
background: green;
text-indent: -999em;
text-decoration: none;
}Ja schön, nur dass dies *nur* in Mozilla > 1.0.x klappt.

Bei IE6/7 (>70% aller Brauser) kommt das ganze oben links.

Grüße

CMБ

6

Hallo Christian,

gibt es einen Befehl mithilfe dessen ein Element (z.B. eine
Grafik od. ein Text) auf der Seite positioniert
(unten/oben/rechts/links) werden kann? Ich möchte z.B. eine
Grafik unten in die Seite einbinden. Muss ich nun eine
Struktur mit Tabellen oder Absätzen aufbauen, um auf diese
Weise quasi das Ende der Seite definieren zu können, oder kann
ich durch einen Befehl die Grafik automatisch ans Ende setzen
(ähnlich wie align=XY)?

Nachdem ich ein wenig mit Stefans Mozilla-Lösung
herumgespielt habe, kam ich zu folgendem Ergebnis:
html, body {
height: 100%;
overflow: auto;
background: yellow;
padding:0; margin:0;
}
#untenrechts {
position: absolute;
display: block;
background: red;
right:0; bottom:0;
height:120px;
width:120px;
}

Das steht oben

Das steht unten rechts

7

Hallo Semjon,

danke für den Tipp, hat einwandfrei funktioniert (mit DOCTYPE auch im IE)!
Eine Frage noch:
Warum verschiebt sich das ganze nach links oben, wenn ich noch einen Text vor die Grafik setzte?
Beispiel:

Text

8

Hallo Semjon,

danke für den Tipp, hat einwandfrei funktioniert (mit DOCTYPE
auch im IE)!
Eine Frage noch:
Warum verschiebt sich das ganze nach links oben, wenn ich noch
einen Text vor die Grafik setzte?
Beispiel:

Text

wiel das das selbe ist wie

Text
also in einem absatz können keine Überschriften sein.
mm

9

Hallo Christian,

Warum verschiebt sich das ganze nach links oben, wenn ich noch
einen Text vor die Grafik setzte?
Beispiel:

Text