Grafik ganz oben platzieren

[tina]

ich glaub ich muss dafür divs nehmen aber mehr weiss ich auch nicht.
Wie definiere ich eine Grafik, die genau ganz oben links an der Seite angezeigt werden soll. Beim Scrollen sollte diese Grafik auch dort bleiben bzw. Wie stelle ich es an, dass dies genau oben platziert wird?

Danke schon einmal.

[Bunge]

<style type="text/css">
<!--
#grafik
{
position:absolute;
left:0px;
top:0px;
}
//-->
</style>

Und im body:

<div id="grafik">
... die Grafik ...
</div>

Mfg

[Jeena Paradies]

Hallo,

<div id="grafik">
... die Grafik ...
</div>

Würde es da nicht auch schon ausreichen nur die Grafik anzugeben?

<img id="grafik" src="beispiel.png" alt="ein Beispiel" />

Was spricht dagegen, bzw. wozu ist das div außenrum?

Grüße
Jeena Paradies

[bunge]

Hallo,

Was spricht dagegen, bzw. wozu ist das div außenrum?

es spricht in diesem Fall natürlich nichts dagegen - baue gewohnheitsmäßig <DIV>-Container drumrum, weil ich in der Regel mehr als ein Element zu positionieren habe - brauche dann nur einen Container.

:-) bunge

[Orlando]

Hi Bunge,

position:absolute;
left:0px;
top:0px;

ja ...

Beim Scrollen sollte diese Grafik auch dort bleiben

... und nein. Da position:fixed nur per umständlicher Hacks im M$IE zu erreichen ist, wäre eine simple Hintergrundgrafik wohl der einfachere Weg.

http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_image ff.
 http://www.w3.org/TR/CSS21/colors.html#propdef-background

Grüße,
 Roland

[wahsaga]

hi,

wäre eine simple Hintergrundgrafik wohl der einfachere Weg.

• die beim scrollen allerdings von den anderen inhalten überlagert werden wird, was ja nicht unbedingt gewünscht sein wird.

gruss,
wahsaga

[Fabian St.]

Wie definiere ich eine Grafik, die genau ganz oben links an der Seite angezeigt werden soll. Beim Scrollen sollte diese Grafik auch dort bleiben bzw. Wie stelle ich es an, dass dies genau oben platziert wird?

hi!

Dass kannst du mit position:fixed erreichen

---------------------------------------------------------

Grüße,

Fabian St.

[tina]

danke.

Und wie kann ich diese Grafik der Bildschirmauflösung anpassen?
Also, dass ich ein 1x1 Pixel grosses Bild nehm und es sich je nach bildschirmauflösung entsprechend bis zum rechten Rand in die breite zieht. Links sollte etwas Abstand sein.
Wie mache ich dies?

[wahsaga]

hi,

Und wie kann ich diese Grafik der Bildschirmauflösung anpassen?
Also, dass ich ein 1x1 Pixel grosses Bild nehm und es sich je nach bildschirmauflösung entsprechend bis zum rechten Rand in die breite zieht. Links sollte etwas Abstand sein.

ein 1*1 pixel grosses bild kann doch eh nur _eine_ farbe beinhalten(*) - also warum nimmst du nicht ein leeres div mit entsprechenden ausmaßen, und verpasst diesem eine hintergrundfarbe?

gruss,
wahsaga

(*) es sei denn, du möchtest ein animiertes gif verwenden.

[tina]

ein 1*1 pixel grosses bild kann doch eh nur _eine_ farbe beinhalten(*) - also warum nimmst du nicht ein leeres div mit entsprechenden ausmaßen, und verpasst diesem eine hintergrundfarbe?

und wie geht dies? ich kenn mich damit so gut wie nicht aus.
also links solltn so 30 pixel abstand sein, oben 0 pixel und es sollte halt bis rechts komplett gehn egal bei welcher auflösung.
der balken sollt so um die 10 pixel hoch sein.

[wahsaga]

hi,

und wie geht dies?

mit CSS.

ich kenn mich damit so gut wie nicht aus.

http://selfhtml.teamone.de/css/

gruss,
wahsaga

[tina]

ja schon klar mit css.
wo genau in selfhtml. keine ahnung wo ich da suchen soll.

[wahsaga]

hi,

ja schon klar mit css.
wo genau in selfhtml. keine ahnung wo ich da suchen soll.

du solltest dieses kapitel _durcharbeiten_.

gruss,
wahsaga