Ergebnis 1 bis 4 von 4

Thema: [CSS?] Breite für BODY definieren, um Scrollbalken zu positionieren?

  1. #1
    TP-Junior Avatar von megamanX
    Registriert seit
    Jun 2002
    Beiträge
    9

    [CSS?] Breite für BODY definieren, um Scrollbalken zu positionieren?

    Moinsen!

    Ich will eine Website erstellen, die auch mit 800*600 kompatibel ist. Da aber wohl der Großteil der Nutzer eine höhere Auflösung hat, möchte ich das zur Farbgestaltung ausnutzen, d.h. ich möchte links und rechts des 800 Pixel breiten Inhaltsbereichs eine andere Farbe verwenden. Das wäre an sich kein Problem, ich müsste nur Tabellen entsprechend definieren.

    Allerdings fände ich es viel besser, wenn der Scrollbalken dabei direkt neben dem Inhalt wäre. Frames kommen leider nicht in Frage, da ich ein optimales Suchmaschinenranking erreichen will.

    Nun kam ich auf die Idee, für das BODY-Tag einfach eine Breite anzugeben.
    Code:
    <body style="width: 800px; border-color: #33CC33;">
    Leider hält sich der IE nicht an die Breitenangabe, obwohl um die Seite inklusive Scroll-Leiste jetzt ein 1 Pixel breiter Rahmen schon sichtbar ist.

    Weiß jemand, wie ich mein Ziel erreiche, entweder mit meinem Ansatz oder auf andere Art und Weise?

    Es grüßt:
    Gerrit
    ReactOS (freier Windows-Klon)

  2. #2
    TP-Insider Avatar von paul123
    Registriert seit
    Apr 2003
    Ort
    sachsen
    Beiträge
    945
    Ich kann dem nicht ganz folgen... Außer das du keine frames nehmen willst und bei großer Ansicht in der Mitte den content hast und rechts und links ne andere Farbe!?

    Dann wäre ne Möglichkeit: i-frame zentrieren, div zentrieren mit overflow - beides wegen scrollen. Und wenn du dem body ne Hintergrundfarbe gibst, die anders ist, dann hast du rechts/links das, was du willst... Oder?
    |~| "Ein Traum ist immer der Anfang aller Taten!" |~| made by mir
    -------------------------------------------------------
    ...es wird kalt im Wald.

  3. #3
    TP-Veteran Avatar von Terry
    Registriert seit
    Mar 2004
    Beiträge
    1.772
    Naja - ohne overflow wirds nicht gehen - habs aber gerade spaßeshalber mal auf einer Seite getestet: der IE 4 spielt sogar mit! Was Netscape 4 dazu sagt - keine Ahnung.

    Man kann aber beide vom CSS ausschließen, dann bekommen die alles ungestylt brav untereinander.......... - wer ein schickes Layout bewundern möchte, sollte eben einen halbwegs aktuellen Browser einsetzen und kein Museumsstück.

    Ansonsten geht es so: html und body auf height:100% setzen. - padding und margin auf null.

    Dann einen Container mit 100% height definieren, den zentrieren und overflow:auto zuweisen.

    Das sollte dann genauso aussehen wie auf Deinem Bild.
    Grüße, Terry

  4. #4
    TP-Moderator Avatar von Adromir
    Registriert seit
    Jun 2004
    Ort
    Hannover
    Beiträge
    4.811
    Ich habe irgendwie im Kopf, daß Breitenangaben im Body inicht konform sind und deswegen ein Problem machen.
    Lieber einen üergeordneten Div-Container noch mal um die Seite machen mit der entsprechenden breite..

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. FAQ: Kleinunternehmer
    Von Epic im Forum Steuer & Buchführung
    Antworten: 1
    Letzter Beitrag: 26.09.2006, 12:52
  2. Steuerlich absetzen - richtiger Zeitpunkt? Wann?
    Von screamfine im Forum Steuer & Buchführung
    Antworten: 27
    Letzter Beitrag: 01.07.2004, 19:09
  3. Variable breite bis zu einem gewissen Mass - Wie?
    Von MichaGue im Forum Webdesign allgemein
    Antworten: 9
    Letzter Beitrag: 01.09.2003, 13:09
  4. navigation für 15.000 pixel breite?
    Von g e k k o im Forum HTML & CSS
    Antworten: 11
    Letzter Beitrag: 07.06.2003, 01:00

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51