Seitenbegrenzung

    Ein herzliches Hallo an Alle Forenmitglieder!


    Ich bin neu hier und brüte gerade über meiner neuen Webseite, wobei ich doch ganz schnell an meine Grenzen stoße. Ich würde es gerne realisieren, dass ich nur eine gewisse prozentuale Breite habe und der Rand rechts weiß oder einer anderen Farbe ist.


    Wenn man dann zoomt, sollte die Schrift nicht nicht über den Rand "Rauszoomen", sondern wie es sich gehört, zusammenrücken.


    Die Hauptseie hier (<!-- w --><a class="postlink" href="http://www.HTML-Seminar.de">http://www.HTML-Seminar.de</a><!-- w -->) macht das sehr schön, sogar nach beiden Seiten. Wie wurde das realisiert?



    Sobald ich bei einer der beiden Deklarierungen "width: 90%;" eingebe, habe ich lediglich einen festen weißen Rand, was nicht gewollt ist.




    Für Hilfe wäre ich sehr dankbar.

    Ich verstehe es auch nicht ganz.


    Ein Tipp von mir. Gebe die Bereiche nicht in % an, sondern in px.
    Vorteil bei px ist, dass du besser bestimmen knnst wo die Bilder hin sollen.


    lg

    Zitat von &quot;Pelgro&quot;


    Ein Tipp von mir. Gebe die Bereiche nicht in % an, sondern in px.
    Vorteil bei px ist, dass du besser bestimmen knnst wo die Bilder hin sollen.


    Naja, die einfachere Positionierung ist da aber das einzige positive dran... Aber diese Diskussion machen wir hier jetzt nicht nochmal auf^^

    Zitat von &quot;lauras&quot;

    Aber diese Diskussion machen wir hier jetzt nicht nochmal auf^^


    Ich wollts grade sagen...


    Darüber kann man sich 3 Wochen streiten und man wird zu keinem Ergebnis kommen, das muss letztendlich jeder Webmaster selbst wissen.

    Da gehe ich auch mal von aus.


    Dazu definierst du einfach einen div in den du alles andere reinpackst.


    Da du anscheinend mit Prozenten arbeitest ist das besonders einfach, der aussendiv bekommt den folgenden Style:

    Code
    #div {
  width: 90%;
  margin-left: 5%;
}


    Bei fester Breite dann so:

    Code
    #div {
  width: 800px;
  margin: 0 auto;
}


    Bei absoluter positionierung so:

    Code
    #div {
  position: absolute;
  width: 800px;
  left: 50%;
  margin-left: -400px; /* negative hälfte der breite */
}

    Vielen Dank, seid ihr schnell.


    Also ich dachte da an so eine Seite. <!-- m --><a class="postlink" href="http://www.textlog.de/">http://www.textlog.de/</a><!-- m --> nur, dass meine Seite bisher so aussieht:


    [Blockierte Grafik: http://img24.imageshack.us/img24/8113/layoutks.jpg]


    Ich hätte gerne rechts diesen weißen Balken, damit das Bild nicht so gestreckt ist.


    Von der Art her sollte dann soetwas passieren, wie bei <!-- m --><a class="postlink" href="http://www.html-seminar.de/">http://www.html-seminar.de/</a><!-- m -->. Beim Vergrößern zoomt die Seite bis zu einem bestimmten Punkt, und die Schrift verbleibt darüberhinweg trotzdem im Fenster.


    Edit: Die #div's in der CSS zeigen bei mir keinerlei Wirkung. Die Oberfläche bleibt so, wie sie ist. Habe ich eventuell etwas falsch gemacht?

    Genau das ist ja mein Problem, sobald ich eine Seitengröße mit


    #seitenbereich {
    background-color:rgb(251,241,225);
    background-image:url(back-h.png);
    background-repeat:repeat-y;
    min-height:100%; /* Mindesthöhe in modernen Browsern */
    height:auto !important; /* auto-height mit !important-Regel für moderne Browser, damit sie die nachfolgende height-Deklaration ignorieren */
    height:100%; /* Mindesthöhe in IE */
    width: 90%
    }
    definiere, habe ich zwar einen Rand. Doch der ist fest und läßt sich nicht wegzoomen.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden