Hallo allerseits,
ich erstelle zur Zeit für einen Freund seine Webseite. An einer Stelle komme ich nicht weiter.
In einem Container ist für die "Bildfläche" ein eigener Container definiert mit width=770px. In der Box soll Text rein. Der ist so lang dass er nur per scrollen sichtbar ist. Da der Text in der Breite fix ist, also nicht nach rechts raus kann, möchte ich den Scrollbalken (unten) nicht sehen. Wie verhindere ich das ?
Zum Test liegt die Seite auf:
Layout 24

der div dazu ist:
#philosophie {
position:relative;
float:left;
clear:left;
width:770px;
height:532px;
background-image:url(images/Philosopie_Back.jpg);
background-repeat:repeat-x;
background-position:0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
}

die H2 kommt aus dem DIV Container, der darüber liegt:

#content h2{
margin: 42px 0px 10px 10px;
padding: 0px;
color:#8ad04c;
font-size: 1.3em;
line-height:130%;
width:760px;
font-weight:normal
}

Der vert. Scrollbalken von #content braucht Platz, dadurch ist #philosophie zu breit. Wirf dessen width raus (und dann natürlich auch float).

__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)

hm lösch aus der anweisung #philosophie das width:779px;

dann hast du zumindest im firefox keinen unteren Scrollbalken mehr
overflow-x, overflow-y (CSS3 properties) hier hast du noch etwas hilfe für das overflow

und jetzt muss ich einfach mal eine Kleinigkeit noch meckern weil ich blöd bin
a) Du gaukelst deinem Menü vor eine Liste zu sein, es ist aber keine
b) Wenn du Bilder benutzt dann sollten die auch einen alternativen text (alt="faselbla") haben. (Wobei es eh besser wäre wenn du das ganze per css lösen würdest )
c) wieso ist normaler Fließtext bei dir eine Überschrift? Text gehört in ein <p> Tag.

__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?

danke für den Hinweis "overflow". Habe ich eingebunden und der Scrollbalken ist verschwunden.
Zu deinen Hinweisen:
Liste - ich habe das deshalb so gewählt weil mir die <li> .... </li> einen schwarzen Punkt erzeugen. Ich hab in den Beschreibungen nicht gefunden, wie ich diesen unterdrücke. Wenn du einen Tipp hast baue ich das ein.
Bilder mit Beschreibung - mache ich noch später
Text als Überschrift - ganz bewußt so eingesetzt um auf diversen Seiten feste Zuordnungen (Größe etc.) zu haben. So sollen alle "normale" Texte dieselbe Schrifthöhe haben wie die Navigationseinträge.

Informier dich über die Eigenschaften, die "list-style" heißen.
Das sind absolute Basics. Lies doch mal ein Buch über CSS. Little Boxes z.B.

Das ist Unfug. HTML gibt dem Inhalt Bedeutung. Für die Gestaltung gibt es CSS. Wenn du also Bereiche gleich gestalten willst, dann schreib sinnvolles HTML und gestalte dieses dann mit CSS.
Google:"Semantisches Markup".

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

Mein Browser zeigt mir zwei Scrollleisten an - die des Browserfensters sowie die des Textbereiches. Dass ich ein solches Layout als unglücklich gelöst empfinde, ist eine Sache, dass ich aber überhaupt keine Notwendigkeit für das Scrollen des Textbereiches sehe, wird wahrscheinlich nicht nur mir so gehen.

Eine innere Scrollleiste wäre für mich dann akzeptabel, wenn z. B. der Viewport auf 100% Höhe eingestellt ist (und daher keine eigene Scrollleiste aufweist) und sich alle Inhalte (auch der Adressbereich !) im Fenster befinden würden.

Als bessere Alternative zu diesem Layout empfehle ich die 'Footer Stick Alt'-Methode. Bei Footer Stick Alt wird eine Fußzeile am unteren Rand des Browserfensters sichtbar, die sich dann mit den Inhalten nach unten verschiebt, wenn der Inhalt mehr Platz beansprucht als in das Browserfenster passt.

Footer Stick Alt ist in unserer FAQ verlinkt.

Listen - habe den entsprechten Eintrag im CSS vorgenommen und im html angepasst.

Zu 2 Scrollbalken - hatte ich auch gesehen und im Style (Div Content) geändert:

#content {
position:absolute;
background: #fafac2;
top:113px;
margin-left:245px;
right:9px;
width: 780px;
overflow-y:hidden;
height: 531px;
}

...

#philosophie {
position:relative;
clear:left;
height:532px;
background-image:url(images/Philosopie_Back.jpg);
background-repeat:repeat;
background-position:0px 0px 0px 0px;
overflow-x: hidden;
padding: 0px 0px 0px 20px;
}

mein FF und Safari (aktuelle Versionen) zeigen nun einen Balken an, jedoch der IE 7 zeigt jetzt gar keinen mehr an und scrollen funktioniert dort nicht mehr.

hidden und height kann nicht Dein Ernst sein

__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)

Zu: hidden und height ist nicht dein Ernst

Auf der Seite:
Visual effects
unter Punkt
11.1.1 Overflow: the 'overflow' property
steht
'overflow'
Value: visible | hidden | scroll | auto | inherit

und etwas weiter unten
Style sheet:
container { position: relative; border: solid; }
scroller { overflow: scroll; height: 5em; margin: 5em; }
satellite { position: absolute; top: 0; }
body { height: 10em; }

Erkläre mir bitte warum ich aus einem solchen Beispiel, wo overflow plus Parameter und height steht, nicht schliessen kann das als Parameter hidden funktioniert ?
Ich möchte es doch nur verstehen und der Hinweis "ist nicht dein Ernst" hilft mir nicht weiter.

Wenn ein Element height plus overflow: hidden; hat, wird zu hoher Inhalt (z.B. viel Text) einfach weggesägt - ganz schlecht! Hat es auto statt hidden, kommt bei Bedarf ein Scrollbalken, hat es scroll, ist er immer da (letzteres ist im Prinzip nur sinnvoll für einen vert. "Geisterscrollbalken" per overflow-y: scroll; gegen andernfalls horiz. springende Layouts).

__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)