Problem mit css

[denis]

Hallo,

wie kann ich es erreichen,
das ein Bild unmittelbar am oberen Rand
des Browsers anliegt und nicht immer noch ein gewisser
Abstand dazwischen ist ?

grüße
denis

[Siechfred]

Hallo.

wie kann ich es erreichen, das ein Bild unmittelbar am oberen Rand des Browsers anliegt und nicht immer noch ein gewisser Abstand dazwischen ist ?

Mit Hilfe von CSS sollte es gehen:

html,body {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
}

Grüße
Siechfred

[Christoph Schnauß]

öhm ...

html,body

Was soll das "html" da? Weißt du irgendwas besser als ich?
 *scnr*

Der Rest: ACK

Grüße aus Berlin

Christoph S.

[Siechfred]

Hallo Christoph, alter Schwede ;-))

html,body
Was soll das "html" da? Weißt du irgendwas besser als ich?

Och, nur das, was ich hier innerhalb des letzten Jahres im Forum gelernt habe :-)

Grüße
Siechfred

[Christoph Schnauß]

ha !

Weißt du irgendwas besser als ich?
Och, nur das, was ich hier innerhalb des letzten Jahres im Forum gelernt habe :-)

Es geht um ein Bild. Also gehts um irgendetwas, was mit <img ...> in die Seite eingebunden wird. Ich wollte eben noch freundlich sein, fühle mich jetzt aber herausgefordert, weil ich an deinem reply-posting nicht erkennen kann, was du in bezug auf Bilder-Positionierung gelernt haben könntest (grmpf).

Es reicht doch völlig aus, wenn man das <img ...> mit CSS formatiert. Also ungefähr so:
<img src="meinbild.png" alt="huhu, hier kriegst was zu sehen" style="position ...">

Bei "style" kann dann für "top" gegebenenfalls ein Wert "-1px" eingetragen werden, damit es wirklich bei minimalem Informationsverlust oben am Browserrand klebt  -  wonach ja gefragt wurde.

Wenn es wirklich nur um die Positionierung eines Bildes geht, sind solche
<igitt>
100%-Angaben
</igitt>
einigermaßen überflüssig, wie _ich_ aus dem Forum gelernt habe ;-)

Also haben "html" und "body" mit der Ursprungsfrage nix zu tun. Sie gelten für andere Dinge.

ätschibätschi  -  und: schönen Abend noch ;-)

Grüße aus Berlin

Christoph S.

[Siechfred]

ha !

Pah!

Ich wollte eben noch freundlich sein, fühle mich jetzt aber herausgefordert, weil ich an deinem reply-posting nicht erkennen kann, was du in bezug auf Bilder-Positionierung gelernt haben könntest (grmpf).

Hmpf.

Es reicht doch völlig aus, wenn man das <img ...> mit CSS formatiert. Also ungefähr so:
<img src="meinbild.png" alt="huhu, hier kriegst was zu sehen" style="position ...">

Nun ja, das allein wird das Bild noch nicht am oberen Rand ohne jeglichen Abstand "festkleben".

Bei "style" kann dann für "top" gegebenenfalls ein Wert "-1px" eingetragen werden, damit es wirklich bei minimalem Informationsverlust oben am Browserrand klebt  -  wonach ja gefragt wurde.

Was wäre denn, wenn die CSS-Eigenschaften wie folgt aussähen:

html,body {
  width:100%;
  height:100%;
  margin:10px;
  padding:10px;
}

Da würde dir ein "-1px" nichts nutzen, oder?

Also haben "html" und "body" mit der Ursprungsfrage nix zu tun. Sie gelten für andere Dinge.

Nö ;-)

ätschibätschi

Ällabätsch ;-)

und: schönen Abend noch ;-)

Dito :-)

Grüße
Siechfred

[wahsaga]

hi,

Ich wollte eben noch freundlich sein, fühle mich jetzt aber herausgefordert, weil ich an deinem reply-posting nicht erkennen kann, was du in bezug auf Bilder-Positionierung gelernt haben könntest (grmpf).

wärst du doch freundlich geblieben - dann würdest du von mir jetzt auch keine so scharfe antwort bekommen, dass deine antwort ziemlicher unfug ist.

Es reicht doch völlig aus, wenn man das <img ...> mit CSS formatiert. Also ungefähr so:
<img src="meinbild.png" alt="huhu, hier kriegst was zu sehen" style="position ...">

absolute postionierung dürfte so ziemlich das letzte sein, was hier gefragt ist.

Wenn es wirklich nur um die Positionierung eines Bildes geht, sind solche
<igitt>
100%-Angaben
</igitt>
einigermaßen überflüssig, wie _ich_ aus dem Forum gelernt habe ;-)

die höhen- und breitenangabe waren hier in der tat überflüssig.

Also haben "html" und "body" mit der Ursprungsfrage nix zu tun. Sie gelten für andere Dinge.

ich gehe davon aus, dass sie sehr wohl damit zu tun haben.
bei fragen der form "wie kriege ich element xy ganz an den rand" handelt es sich in der überwiegenden mehrzahl der fälle um probleme mit den standard-margins/-paddings von body (und in gewissen browsern auch von html).
die frage wird zwar häufiger in der form gestellt, "wie kriege ich meine schöne tabelle ganz an den rand" - aber wenn es stattdessen um ein bild geht, gilt trotzdem genau das gleiche:
standard-vorgabewerte für margin und padding des bodys/html eliminieren.

ätschibätschi

ja, selber.
hier die "absolute positionierungs"-keule rauszuholen, ist weit über's ziel hinausgeschi^Hossen, und ziemlicher grober unfug.

gruss,
wahsaga

[Ingo Turski]

Hi Wahsaga,

Du hast natürlich völlig Recht. Nur kommt mir dazu gerade eine Frage in den Sinn: kann HTML eigentlich überhaupt ein MARGIN besitzen? Sicher wird es bei html {margin:0;} nicht zu Problemen kommen und i.V. mit der Definition für BODY verkürzt es die Scheibweise, aber logisch ist s doch eigentlich nicht, oder?

freundliche Grüße
Ingo

[wahsaga]

hi,

Nur kommt mir dazu gerade eine Frage in den Sinn: kann HTML eigentlich überhaupt ein MARGIN besitzen?

logisch gesehen eigentlich nicht, würde ich sagen - denn zu was sollte es der aussenabstand sein? (vielleicht rückt mein browserfenster dann ja vom bildschirmrand weg ...?)

Sicher wird es bei html {margin:0;} nicht zu Problemen kommen und i.V. mit der Definition für BODY verkürzt es die Scheibweise, aber logisch ist s doch eigentlich nicht, oder?

nein - aber was das padding angeht, gibt es da IIRC browser, die dann zwischen html und body noch einen abstand rendern würden (da hatten wir hier ja schon diskussionen zu, welcher browser es nun tut und welcher nicht).

wenn ich also padding für html eh sicherheitshalber auf 0 setze, und für body margin und padding - dann kann ich gleich auch alles zusammen in der kurzschreibweise
html, body { margin:0; padding:0; }
notieren, anstatt dafür zwei unterschiedliche definitionen für html und body bzw. eine zusätzliche für letzteren zu machen.

und da es schliesslich keinem weh tut, handhabe ich das idR. so ...

gruss,
wahsaga