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;}
