Andreas Klatt: skalierung des seiteninhalt

hallo!

Ich habe eine wohl eher simple Frage, wofür ich bis jetzt noch keine Lösung gefunden habe, trotz langes durchsuchen des www.
Bin halt Anfänger.
Also ich habe eine Seite in HTML/Css gecodet. Nun hab ich das Problem
das der Seiteninhalt bei skalierung des Browsers unpropotional mit
skaliert wird. Eigentlich sollte der Seiteninhalt je nach Größe
des Browserfenster einfach abgeschnitten werden, irgendwie finde ich keine Lösung dafür, ich hab wirklich keine Ahnung was ich falsch mache
oder ob ich vergessen habe etwas Grundsätzliches zu definieren!
Ich bitte um eure Hilfe, wahrscheinlich ist es wirklich etwas sehr Simples, den das Browserfenster soll den Seiteninhalt einfach nicht skalieren...
wäre nett wenn mir jemand helfen könnte..
Vielen Dank im vorraus.

Andreas Klatt

  1. Hi Andreas!

    Also ich habe eine Seite in HTML/Css gecodet. Nun hab ich das Problem
    das der Seiteninhalt bei skalierung des Browsers unpropotional mit
    skaliert wird.

    Das ist doch auch gut so.

    Eigentlich sollte der Seiteninhalt je nach Größe
    des Browserfenster einfach abgeschnitten werden, irgendwie finde ich keine Lösung dafür, ich hab wirklich keine Ahnung was ich falsch mache
    oder ob ich vergessen habe etwas Grundsätzliches zu definieren!

    Feste Breite und Höhe wäre in deinem Fall hilfreich. Geh aber vorsichtig damit um, da Nutzer mit kleinem Viewport sehr viel Scrollen müssen, wenn du zu großzügig mit den Zahlen umgehst.

    Ich bitte um eure Hilfe, wahrscheinlich ist es wirklich etwas sehr Simples, den das Browserfenster soll den Seiteninhalt einfach nicht skalieren...

    Gerade das ist doch der Vorteil gegenüber Printmedien. Lass es dir noch einmal durch den Kopf gehen.

    MfG H☼psel

    --
    "It's amazing I won. I was running against peace, prosperity, and incumbency."
    George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
    Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
    1. Ich glaube du hast mich etwas missverstanden..
      wenn ich die Größe des Browserfensters verändere, verschieben sich die Objekte, unpropotional.
      Ich habe ganz oben im Fenster eine horizontale Navigation eingefügt
      die über die koplette Seiten breite geht. Wenn ich jetzt den Browser
      sagen wir noch rechts nach links oder anders rum "zusammen schiebe"
      passen sich die objekte der neuen Fenster größe an und er zeigt sie nun untereinander an, also je nach Platz der nun vorhanden ist.
      Das ist eine sehr doofe sache weil dann wirklich alles durcheinander gerät, ich hoffe das ich mich nun verständlicher Ausgedürckt habe..
      mfg
      Andreas Klatt

      1. Hi Andreas!

        Das ist eine sehr doofe sache weil dann wirklich alles durcheinander gerät, ich hoffe das ich mich nun verständlicher Ausgedürckt habe..

        Hände hoch! Es hat sich ausgedürckt! :)

        Ich habe dich verstanden. Du suchst bestimmt min-width. Analog dazu gibt es natürlich auch min-height.

        MfG H☼psel

        --
        "It's amazing I won. I was running against peace, prosperity, and incumbency."
        George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
        Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
        1. Ich möchte einfach das alle Grafiken nichts mit der Größe des Browserfenster zu tun haben. Auch wenn ich mid-width definiere (in dem Fall des Hintergrundes, auf 100%) skaliert er die Hintergrundgrafik und alles Andere mit.
          Ich glaube dafür muss es einen Javascript geben oder ähnliches.
          Das layout soll dort stehen wie es ist und wenn ich nun das Browser fenster verkleiner soll eben nur der ausschnitt dort stehen bleiben
          der an der stelle sonst auch zu sehen ist.

          Oder ich definiere min-width wirklich falsch, was ich nich so recht glaub denn ich hab alles ausprobiert...

          1. Hast recht die Grafiken skalieren sich nun propotional, aber ich
            will am besten garkeine skalierung, so nun hoff ich weisst du was ich möchte : )
            bin halt anfänger...sry für die missverständisse

            1. Hi,

              Hast recht die Grafiken skalieren sich nun propotional, aber ich
              will am besten garkeine skalierung, so nun hoff ich weisst du was ich möchte : )
              bin halt anfänger...sry für die missverständisse

              Du hast vorhin etwas von Angabe wie 100% erwähnt... Ohne weiteren Bezugspunkt durch ein Übergeordnetes Element bezieht sich das auf die Breite des Browserfensters... Wenn Du also möchtestest, dass das Layout unabhängig vom fenster ist, musst du die Angaben in Pixeln (px) machen.

              Gruß,

              Harlequin

              1. Ich habe mal alles andere rausgenommen, vllt kann man mir dummen Heini es ja anhand des Hintergrundes verständlich machen.

                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
                <head>
                <style type="text/css" media="screen">
                   *{
                   margin:0px;
                   padding:0px;
                   }
                   html,body{
                   width:100%;
                   height:100%;
                   min-width:1200px;
                   min-height:800px;
                   }
                   #bg{
                   width:100%;
                   height:100%;
                   position:absolute;
                   z-index:-1;
                   display:block !important;
                   }
                   #seiteninhalt{
                   position:absolute;

                }

                #bg { background-image; background-repeat:no-repeat }

                </style>
                </head>
                <img style="display:none; background-repeat:no-repeat" id="bg" src="background.JPG" alt=""/>
                </body>
                </html>

          2. Hi Andreas!

            Ich möchte einfach das alle Grafiken nichts mit der Größe des Browserfenster zu tun haben. Auch wenn ich mid-width definiere (in dem Fall des Hintergrundes, auf 100%) skaliert er die Hintergrundgrafik und alles Andere mit.

            Hintergrundgrafiken können gar nicht skaliert werden.

            Das layout soll dort stehen wie es ist und wenn ich nun das Browser fenster verkleiner soll eben nur der ausschnitt dort stehen bleiben
            der an der stelle sonst auch zu sehen ist.

            Dann gib doch feste Größen an.

            Du solltest mir noch einmal genau erklären, was du möchtest. Am besten anhand eines _aussagekräftigen_ Beispiels.

            MfG H☼psel

            --
            "It's amazing I won. I was running against peace, prosperity, and incumbency."
            George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
            Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
            1. nochmal zur Ergänzung:
              der Seiten inhalt plus die Grafik die dort hinterliegt sollen
              einfach nich skalierbar sein.

              1. hi,

                nochmal zur Ergänzung:
                der Seiten inhalt plus die Grafik die dort hinterliegt sollen
                einfach nich skalierbar sein.

                Dann speichere die Inhalte als Bild.

                gruß,
                wahsaga

                --
                /voodoo.css:
                #GeorgeWBush { position:absolute; bottom:-6ft; }