Hilfe bei Homepage?!

    Guten Morgen :) Ich brauche bitte eure Hilfe. Ich bin dabei, eine Homepage zu erstellen. Normales Layout ist vorhanden und gefällt mir so ganz gut. Was mich stört, ist Folgendes. Ich möchte, dass sich der Banner oben und das Menü links nicht scrollen lassen, sondern fest bleiben. Das soll mit div Objekten möglich sein. Außerdem hätt ich es gern, dass der Inhaltsbereich rechts ein wenig breiter ist. Sieht so ein bisschen gequetscht aus. Kann mir jemand von euch den Code dahingehend verändern, dass sich nur der Inhaltsbereich scrollen lässt und der Inhaltsbereich weiter in die Breite geht?! Das wäre lieb ! Bitte antwortet. Viele liebe Grüße...

    Vielleicht habt ihr auch sonst ein paar Verbeserungsvorschläge?! Das wäre schön...

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="de">
    <head>
    <title>:::: spanish-dreamteam.de :::</title>
    <link rel="stylesheet" type="text/css" href="format.css" >
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <!--[if IE]><style type="text/css">body {scrollbar-arrow-color:white;
    scrollbar-base-color:#7D95A2; scrollbar-highlight-color:#e6e6e6;
    scrollbar-shadow-color:black; scrollbar-track-color: #0000FF;}</style><![endif]-->
    <style type="text/css">
    <!--
    body {
    margin-left: 0px;
    }
    body,td,th {
    color: #FFFFFF;
    }
    .Stil3 {color: #000000; }
    .Stil4 {color: #000000; font-family: "Arial Black"; }
    .Stil5 {font-family: "Arial Black"}
    -->
    </style></head>

    <body>
    <div id="seite">

    <div id="banner"><div>
    <h1></h1>
    </div></div>

    <div id="inhalt"><div>
    <h3 align="left" class="Stil4"></h3>
    <p align="justify" class="Stil4">
    ...


    ...


    ...

    </p>
    <p align="right" class="Stil3"><span class="Stil5">

    [ valid HTML 4.01 Transitional ? </span><span class="Stil5">]</span></p>
    </div>
    </div>

    <div id="menu">

    <div class="block">
    <div class="Stil4">Hauptmen&uuml;</div>
    »Maite und John
    »Aktuelles
    »Tour / TV
    »Informatives
    »Kreatives
    »Interaktives
    </div>

    <div class="block">
    <div>Kontakt / Infos</div>
    »G&auml;stebuch
    »Kontakt
    » Links
    »Das bin ich ...
    </div>


    </div>
    <div id="ende"></div>
    <div id="footer">
    <span><span class="Stil3">&copy;</span> chrissie@spanish-dreamteam.de</span></div>

    </div>
    </body>
    </html>

    nur den inhaltsbereich scrollen: overflow:auto ins css eintragen.

    dann hat der praktisch das scrollverhalten eines iframes.
    ises des was du meinst ?

    Vielen lieben Dank für deine schnelle Antwort. Wo muss ich den Code denn einfügen?! Das is meine css...

    body {
    margin:0;
    padding:px 0;
    color:white;
    background-color:#4682b4;
    font-family:Verdana,Arial,sans-serif;
    font-size:0.8em;
    text-align:center;
    background-image: url(blustars.gif);
    }

    a {
    color:white; text-decoration:underline; padding:1px;
    }
    a:hover {
    color:black;
    background-color:#6699CC;
    border-color:black;
    background-image: url(blustars.gif);
    }

    #seite {
    width:75%; margin:0 auto; text-align:left;
    }

    #banner {
    border:1px solid black;
    padding:16px 0;
    text-align:center;
    margin:0 0 20px;
    background-color: #4682b4;
    background-image: url(blustars.gif);
    }
    #banner div {
    border-top:1px solid black; border-bottom:1px solid black; margin:0;
    }
    #banner div h1 {
    display:block;
    margin:0 auto;
    padding:10px;
    background-color:#6699CC;
    border-style:groove;
    border-width:2px;
    border-color:#EAF0F2 #829DA8 #3C6B7B #CFD7DA;
    background-image: url(blustars.gif);
    }

    .helpie {
    line-height:1px; margin:-20px 0 0;
    }
    html>body .helpie {
    line-height:1px; margin:0;
    }
    #ende {
    clear:both; line-height:1px; margin:0;
    }
    #footer {
    background-color:#6699CC;
    border:1px solid black;
    height:30px;
    margin:0;
    padding:0;
    background-image: url(bild0021.jpg);
    }
    #footer span {
    margin:0 4px; line-height:30px;
    }
    #footer img {
    float:right; display:block;
    }

    #inhalt {
    float:right; width:81%; margin:0;
    }
    #seite>#inhalt {
    margin:0 0 20px;
    }
    #inhalt div {
    border:1px solid black;
    background-color:#6699CC;
    margin:0;
    padding:5px;
    background-image: url(bild0021.jpg);
    }
    #inhalt h3 {
    text-align:center;
    }

    #menu {
    float:left;
    width:175px;
    background-color: #6699CC;
    background-image: url(bild0021.jpg);
    }
    .block {
    border:1px solid black;
    margin:0 0 20px;
    background-color:#6699CC;
    background-image: url(bild0021.jpg);
    }
    .block div {
    width:100%;
    margin:1px auto;
    padding:4px;
    color:black;
    background-color:#6699CC;
    text-align:center;
    line-height:18px;
    background-image: url(bild0021.jpg);
    }
    .block div {
    voice-family:"\"}\"";
    voice-family:inherit;
    width:163px;
    font-family: "Arial Black";
    }
    .block>div { width:163px; }
    .block a {
    display:block;
    width:100%;
    margin:1px auto;
    padding:4px;
    color:black;
    background-color:#6699CC;
    text-decoration:none;
    border-style:groove;
    border-width:2px;
    border-color:#EAF0F2 #829DA8 #3C6B7B #CFD7DA;
    background-image: url(bild0021.jpg);
    }
    .block a {
    voice-family:"\"}\"";
    voice-family:inherit;
    width:159px;
    font-family: "Arial Black";
    }
    .block>a { width:159px; }
    .block a:hover {
    color:black;
    background-color:#6699CC;
    border-color: #829da8 #829DA8 #CFD7DA #CFD7DA;
    background-image: url(bild0021.jpg);
    }

    format.css ist schon gepostet. Ca. drei Beiträge über deinem Beitrag...

    Ja. Das ist das Template. Ist allerdings schon einige Zeit her. Vielleicht wurde die Vorlage geändert?! Ich hab nichts geändert. Könnt ich gar nich :wink:

    ah... ok, gefunden...

    also ich habs jetzt mal so geändert:

    Code
    #inhalt {
float:right; width:81%; margin:0;
overflow:auto;
height:400px;
}

    und etz klappts :)

    naja, ich bin mir etwas unschlüssig warum du in jedem div noch ein
    div machst, aber ansonsten hab ich jetzt so grob nix erkennen können.

    Das weiß ich auch nich. Aber wenn es nich schlimm ist, werd ich es erstmal so lassen... :wink:

    Ich hab noch zwei Fragen. Vielleicht kannst du mir nochmal helfen?! DEr Inhaltstext sieht ziemlich gequetscht aus. Kann ich irgendwo den Abstand zwischen Text und Rahmen bestimmen?! Ich hab geguckt, aber nichts gefunden. Und dann würde ich gern die Farbe des Scrolbalkens ändern?! Wo kann ich das machen...

    Viele liebe Grüße...

    also die scrollbalken kannste nur im ie ändern. ff und opera kennen des nicht.

    den inhalt kannst mit padding-left:10px bzw nur padding:10px vom rand
    wegbekommen. allerdings wird des auch im ie und ff unterschiedlich interpretiert...