Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag21.06.2012 um 05:11 (UTC)    
Titel: Scrollen

Hallo Liebe Nutzer, ich bin neu im CSS und HTML und mache Homepage zum Spaß, jetzt mach ich eins für ein Webradio von einem Freund.

Ich habe nur das Problem, das er nicht möchte das die ganze Seite zum runtersrollen ist, sondern nur der Inhalt

Screenshot:
http://www.loaditup.de/files/715575_vwnw5udgak.jpg

Also nur das was im Rotmarkierten bereich ist, soll Scrollbar sein.
Ich hoffe ihr wisst was ich meine

Der CSS Code
Code:
 /* Nullformatierung für alle Browser */
*{padding: 0px; margin: 0px; }

/* Werbung positioniert */
table[height="102"] {
position: absolute;
left: 50%;
top: 8px;
margin-left: -255px; }

/* Hintergrund hinter Design */
body {
background-color: #eeeeee;
background-image: url(http://www.loaditup.de/files/715566_33wp467ssd.jpg);
font-family: arial;
font-size: 14px;
color: #000000; }

/* Design-Container */
#container {
width: 962px;
margin: 10px auto;
overflow: hidden; }

/* Headerfeld für Logo 210 x 100 */
#header_container {
width: 210px;
height: 100px;
margin-bottom: 10px;
background-color: 000000;
background-image: url(http://s14.directupload.net/images/120216/aotubn7f.png);
border: 1px solid #000000; }

/* Titel im Headerfeld entfernt */
h1#header {display: none; }

/* Feld der Navigation */
#nav_container {
width: 960px;
height: 40px;
margin-bottom: 10px;
background-color: #0033CC;
background-image: url(http://s1.directupload.net/images/120216/3rymm9k2.jpg);
border: 1px solid #c9c9c9; }

/* Titel über Navigation entfernt */
#nav_heading {display: none; }

/* Aufzählungspunkte in Navi entfernt */
ul#nav {
list-style-type: none; }

/* Navi-Buttons */
li.nav_element {
width: 120px;
height: 40px;
float: left;
text-align: center;
border-right: 1px solid #7F99FF;
background-color: #7F99FF;
background-image: url(); }

/* Hover Navi-Button */
li.nav_element:hover { background-color: #202020; }

/* Linktexte in Navigation */
li.nav_element a {
display: block;
font-size: 15px;
color: #000000;
line-height: 40px;
text-decoration: none; }

/* Hover Linktexte Navigation */
li.nav_element a:hover { color: #FFFFFF; }

/* Zweites Headerfeld */
#pre_content {
width: 960px;
height: 140px;
margin-bottom: 10px;
background-color: #FFFFFF;
background-image: url(http://www.loaditup.de/files/706899_z877t3hxgr.jpg);
border: 1px solid #c9c9c9; }

/* Seiteninhalt rechts platziert */
#content {
float:right;
width: 665px;
min-height: 200px;
padding: 20px 20px 20px 20px;
background-color: #FFFFFF;
background-image: url();
border: 1px solid #c9c9c9;
overflow: hidden; }

/* Titel Seiteninhalt + Titel über Box */
h2#title , #sidebar_heading {
padding: 5px 0px 5px 20px;
margin: -20px -20px 15px -20px;
background-color: #7F99FF;
color: #000000;
font-size: 14px;
font-weight: normal; }

/* Link im Seiteninhalt */
#content a {color: #0000FF; }

/* Hover Link im Seiteninhalt */
#content a:hover {color: #0080FF; }

/* Rechte Box links platziert */
#sidebar_container {
float: left;
width: 200px;
min-height: 200px;
padding: 20px 20px 20px 20px;
background-color: #FFFFFF;
background-image: url(http://newevolutiondesigns.com/images/freebies/hd-wallpaper-30.jpg);
border: 1px solid #c9c9c9;
overflow: hidden; }

/* Liste in rechter Box */
#sidebar_content ul {
list-style-type: square;
margin: 15px 0px 15px 25px; }

/* Linktexte in Box */
#sidebar_content ul li a {
color: #0000B2;
font-size: 14px;
text-decoration: none; }
 

/* Hover Linktexte Box */
#sidebar_content ul li a:hover { color: chocolate; }

/* Feld unter dem Design */
#footer {
width: 920px;
padding: 20px 20px 20px 20px;
margin: auto;
background-color: #FFFFFF;
background-image: url();
border: 1px solid #c9c9c9; }

/* unnötige Felder im Design entfernt */
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display:none;}
#counter{display:none;}
Beitrag21.06.2012 um 15:11 (UTC)    
Titel:

du musst lediglich den Inhaltsbereich (= #content) eine fixe Höhe geben.
z.B.:
Code:
height: 500px;


und zusätzlich musst du mit:
Code:
 overflow:scroll;

das Scrollen ermöglichen.
Beitrag06.07.2012 um 02:52 (UTC)    
Titel: Keine Ahnung

Hallo, ich weiß leider nicht wo ich das einfügen muss, kannst du mir das bitte zeigen ?

*Danke übrigens für deine Antwort*
Beitrag06.07.2012 um 04:13 (UTC)    
Titel: Re: Keine Ahnung

Danke habe es hinbekommen


radiotrackfm hat Folgendes geschrieben:
Hallo, ich weiß leider nicht wo ich das einfügen muss, kannst du mir das bitte zeigen ?

*Danke übrigens für deine Antwort*
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de