Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 15

Thema: Hilfe bei Homepage?!

  1. #1
    Youngster
    Registriert seit
    07.09.2006
    Beiträge
    14
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard 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>[img]john1.jpg[/img]</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</span></div>

    </div>
    </body>
    </html>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

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

    dann hat der praktisch das scrollverhalten eines iframes.
    ises des was du meinst ?
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    07.09.2006
    Beiträge
    14
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

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

    body {
    margin:0;
    paddingx 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);
    }

  4. #4
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    in den div, der den inhalt beinhaltet *G*

    (ich nehm mal an der heist inhalt)
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  5. #5
    Youngster
    Themenstarter

    Registriert seit
    07.09.2006
    Beiträge
    14
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Danke. Ich hab den Code eingefügt. Hat sich leider nichts geändert

  6. #6
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    hm... dann hab ichs vielleicht falsch verstanden...
    hast du mal den link bzw die url zu der seite ?
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  7. #7
    Youngster
    Themenstarter

    Registriert seit
    07.09.2006
    Beiträge
    14
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Die Homepage ist noch nich online. Hab jetzt mal nen ScreenShot gemacht. Reicht das?! Ansonsten hier die URL, wo ich das Template her hab...

    http://www.on-mouseover.de/templates/hp11/index.html
    Angehängte Dateien Angehängte Dateien

  8. #8
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    das is des template ?

    aber des temp is mit tables gebaut, deins mit divs...
    ähm... kannst mal die format.css posten ?
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  9. #9
    Youngster
    Themenstarter

    Registriert seit
    07.09.2006
    Beiträge
    14
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    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

  10. #10
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ah... ok, gefunden...

    also ich habs jetzt mal so geändert:
    Code:
    #inhalt &#123;
    float&#58;right; width&#58;81%; margin&#58;0;
    overflow&#58;auto;
    height&#58;400px;
    &#125;
    und etz klappts
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

Ähnliche Themen

  1. Homepage hilfe
    Von Gast im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 16.08.2007, 15:55
  2. Homepage Hilfe
    Von gott221 im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 14.07.2007, 18:18
  3. Hilfe zur Homepage
    Von Bea im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 20.06.2007, 18:44
  4. Hilfe bei Homepage?!
    Von Sunnyqueen im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 07.09.2006, 21:02
  5. Hilfe bei Homepage
    Von s3-freak im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 23.05.2005, 16:06

Stichworte

Berechtigungen

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