Ralf: Bild positionieren

Hallo,

schaut euch bitte mal folgenden link an:

http://meinert.spezi-hosting.de/test/top.htm

Hab hierzu folgende Fragen:

  • wie bekomme ich den weissen Rand links und oben weg?
  • warum wird rechts der Scrollbalken angezeigt?
  • ist es möglich, dass das Bild, unabhängig von der Auflösung, immer
      bündig ohne weissen Rand abschliesst?

Gruss und Danke,

Ralf

  1. Hi Rolf!

    Versuche es mal mit Style Sheets...

    <html>
      <head>
         <title>Test</title>
      </head>
      <body style="margin: 0px;">
      <img src="red.png" style="width: 930px; margin: 0px;">
      </body>
    </html>

    Gruß, der Hilker

    1. Lieber Hilker,

      Versuche es mal mit Style Sheets...
        <body style="margin: 0px;">

      das ist kein Stylesheet, das ist ein Inline-Style. Besser ist es, eine externe CSS-Datei per LINK-Element einzubinden, da diese dann bei allen anderen Seiten auch eingebunden werden kann, was zum einen das Verwalten der Seitenoptik erleichtert und obendrein auch Bandbreite spart, da diese Datei vom Browser nur einmal geladen zu werden braucht.

      Liebe Grüße aus Ellwangen,

      Felix Riesterer.

      1. Lieber Hilker,

        Versuche es mal mit Style Sheets...
          <body style="margin: 0px;">
        das ist kein Stylesheet, das ist ein Inline-Style. Besser ist es, eine externe CSS-Datei per LINK-Element einzubinden,

        ja weiß ich auch, aber da Ralf offenbar noch nie etwas von dieser Formatierungsmethode gehört hat, habe ich das für Ihn verständlich formuliert...

        »»da diese dann bei allen anderen Seiten auch eingebunden werden kann, was zum einen das Verwalten der Seitenoptik erleichtert und obendrein auch Bandbreite spart, da diese Datei vom Browser nur einmal geladen zu werden braucht.

        Das wird er, sofern er sich jetzt mit Style Sheets beschäfitg, ganz leicht selbst herausfinden.

        Liebe Grüße aus Ellwangen,

        Felix Riesterer.

        Gruß, der Hilker

  2. Hallo Ralf,

    schaut euch bitte mal folgenden link an:

    schau dir doch mal an, wie man links setzt.

    http://meinert.spezi-hosting.de/test/top.htm

    Hab hierzu folgende Fragen:

    • wie bekomme ich den weissen Rand links und oben weg?

    vermutlich der automatische margin deines Browsers. Oder Padding.

    Im Stylesheet *{margin:0px; padding:0px}könnte helfen.

    • warum wird rechts der Scrollbalken angezeigt?

    Bei mir nicht.

    • ist es möglich, dass das Bild, unabhängig von der Auflösung, immer
        bündig ohne weissen Rand abschliesst?

    s.o.

    Gruß Frankx

  3. Danke, genau das hab ich gemeint.

  4. Hallo Ralf,

    http://meinert.spezi-hosting.de/test/top.htm

    Hab hierzu folgende Fragen:

    • wie bekomme ich den weissen Rand links und oben weg?
    • warum wird rechts der Scrollbalken angezeigt?
    • ist es möglich, dass das Bild, unabhängig von der Auflösung, immer
        bündig ohne weissen Rand abschliesst?

    Du solltest dein Bild als Hintergrund (background-image) über CSS einbinden. Von dem grauen Bereich würde ich ganz rechts einen Streifen von einem Pixel Breite abschneiden und ihn dem Body-Element horizontal-wiederholt (background-repeat) zuweisen, damit er auch noch so breite Fenster immer ausfüllt.

    Den nicht-wiederholten Bereich weist du einem Blockelement (z.B. DIV) als Hintergrund zu, dem du eine für das Bild ausreichende Höhe (height) verpasst.

    Den Abstand bekommst du weg, wenn du Margin und Padding beim HTML- und beim BODY-Element jeweils auf Null setzt.

    Wenn du jetzt noch gar nichts verstehst, wundert mich das nicht, aber das kannst du dir alles anlesen, wenn du bei den dir unklaren Begriffen in der Doku vor allem im Kapitel CSS nachschaust:

    http://de.selfhtml.org/navigation/quickbar/index.htm

    Gruß Gernot