Seite 1 von 3 123 LetzteLetzte
Ergebnis 1 bis 10 von 25

Thema: Text wird vom Footer verdeckt

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

    Ausrufezeichen Text wird vom Footer verdeckt

    Hallo Community. Ich muss für die Schule (mache eine Ausbildungs zum Fachinformatiker) eine Website erstellen und dann vorlegen. Sie ist ganz fertig aber mir ist aufgefallen, dass mein Text weiter unten teilweise verdeckt wird von meinem Footer. Wenn auf der Seite wenig Text steht, ist alles korrekt, wenn aber viel Text ist (man muss scrollen) wird am Ende der Seite der Text nicht richtig angezeigt.

    Hier mal meine CSS Datei:


    Code:
    <!DOCTYPE html>
    <html lang="de">
    <head>
    
    <!--
    ausgelagertes CSS:
    <link rel="stylesheet" type="text/css" href="xxx.css" />
    -->
    <style type="text/css">
    <!--
    html, body {
      font: 100.01% Arial, Verdana, Helvetica, sans-serif;
      overflow:hidden;
      background: #FFF7C9 url(images/hauptimage.jpg) no-repeat;
      background-size: 100%;
    }
    
    * {
      margin:0;
      padding:0;
    }
    
    #kopfbereich {
      position:absolute;
      top:200px;
      text-align: right;
      height:30%;
      width:100%;
        /*background-color:lightblue;*/
    }
    
    #steuerung {
      position:absolute;
      top:38%;
      left:0px;
      width:15%;
      height:85%;
      font-size:22px;
      font-variant:small-caps;
      background-color: #FFF7C9;
      font-family: Book Antiqua;
    
    }
    
    #inhalt {
      position:absolute;
      top:55%;
      left:20%;
      height:85%;
      width:65%;
      background-color: #FFF7C9;
      overflow:auto;
      font-family: Book Antiqua;
      font-size:22px;
      font-variant:small-caps;
      color: #662908;
      text-align: center;
    }
    
    #fussbereich {
        position:fixed;
        bottom:0px;
        left:0px;
        font-family: Book Antiqua;
        color: #662908;
        font-size:14px;
        font-variant:small-caps;
        height:auto;
        width:100%;
        background: url(images/img033.jpg) repeat-x;
    
    }
    </style>
    
    </head>
    Wenn ich den "overflow" raus nehme oder ähnliches bleibt der Text auch teilweise versteckt.

    Wenn jemand noch die HTML Seite benötigt poste ich die nachträglich.

    Hoffe ihr könnt mir helfen.

    PS: ich weiß es hgibt online auch Hilfe, die es mir so in 5 Minuten machen, muss es aber lernen.
    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
    Bandit
    Gast

    Standard AW: Text wird vom Footer verdeckt

    Bitte einen Link zur Seite posten.

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    11.04.2014
    Beiträge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text wird vom Footer verdeckt

    Die Seite steht nicht online. Ich soll einfach die index.html Seite dem Lehrer zeigen. Also offline-Modus

  4. #4
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Text wird vom Footer verdeckt

    Zitat Zitat von Helado Beitrag anzeigen
    Die Seite steht nicht online. Ich soll einfach die index.html Seite dem Lehrer zeigen. Also offline-Modus
    Dann stelle sie online. Es gibt dazu auch free hoster, die dir Webspace umsonst anbieten. Ich empfehle zum Beispiel bplaced.net zu nehmen.

  5. #5
    Youngster
    Themenstarter

    Registriert seit
    11.04.2014
    Beiträge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text wird vom Footer verdeckt

    Ok danke werde es heute abend mal online stellen, da ich jetzt bei der Arbeit bin. Kann man das Problem nicht so lösen oder muss die komplette Seite erst angesehen werden?

  6. #6
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Text wird vom Footer verdeckt

    Könnte man, aber es fehlt der HTML-Teil.
    Stelle es besser online, dann sieht man sofort wo man ansetzen muss.

  7. #7
    Youngster
    Themenstarter

    Registriert seit
    11.04.2014
    Beiträge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text wird vom Footer verdeckt

    Ich melde mich dann heute abend OK? Danke vorerst mal!

  8. #8
    Youngster
    Themenstarter

    Registriert seit
    11.04.2014
    Beiträge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text wird vom Footer verdeckt

    Sooo, habe mich mal registriert, wo kann ich aber mein CSS/HTML Skript hochladen? Dies: http://helado.bplaced.net/wäre dann meine Hauptseite, aber sie ist ja nichtmal vergeben...

    Außerdem sindd auf der Seite private Adressen etc vorhanden... und genau um die Seite handelt es sich... Hier mal die HTML Datei, wo auch der Text unten vom Footer verdeckt bleibt.

    Code:
    <!DOCTYPE html>
    <html lang="de">
    <head>
    
    <!--
    ausgelagertes CSS:
    <link rel="stylesheet" type="text/css" href="xxx.css" />
    -->
    <style type="text/css">
    
    html, body {
      font: 100.01% Arial, Verdana, Helvetica, sans-serif;
      background: #FFF7C9 url(images/hauptimage.jpg) no-repeat;
      background-size: 100%;
    }
    
    * {
      margin:0;
      padding:0;
    }
    
    #kopfbereich {
      position:absolute;
      top:200px;
      text-align: right;
      height:30%;
      width:100%;
        /*background-color:lightblue;*/
    }
    
    #steuerung {
      position:absolute;
      top:38%;
      left:0px;
      width:15%;
      height:85%;
      font-size:22px;
      font-variant:small-caps;
      background-color: #FFF7C9;
      font-family: Book Antiqua;
    
    }
    
    #inhalt {
      position:absolute;
      top:38%;
      left:20%;
      height:85%;
      width:65%;
      background-color: #FFF7C9;
      font-family: Book Antiqua;
      font-size:22px;
      font-variant:small-caps;
      color: #662908;
      text-align: left;
    }
    
    #fussbereich {
        position:fixed;
        bottom:0px;
        left:0px;
        font-family: Book Antiqua;
        color: #662908;
        font-size:14px;
        font-variant:small-caps;
        height:auto;
        width:100%;
        background: url(images/img033.jpg) repeat-x;
    
    }
    </style>
    
    <!-- Ende header1 -->
    
    <br/>
    </head>
    <body>
      <div id="kopfbereich">
        <span style="color:#662908">
              <span style="font-size:50px;">
            <span style="font-variant:small-caps;">
                      <font face="Book Antiqua">GuS Gesundheits- und&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>
                                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sozialdienstleistungen&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font>
                    </span>
            </span>
        </span>
      </div>
    
      <div id="steuerung">
        <ul>
          <li><a href="index_oa.html"><font color="#662908">Home</font></a></li><br>
          <li><a href="Betreuung.html"><font color="#662908">Betreuung</font></a></li><br>
          <li><a href="Beratung.html"><font color="#662908">Beratung</font></a></li><br>
          <li><a href="Begleitung.html"><font color="#662908">Begleitung</font></a></li><br>
          <li><a href="Sterbehilfe.html"><font color="#662908">Sterbebegleitung</font></a></li><br>
          <li><a href="Massagen.html"><font color="#662908">Massagen</font></a></li>
       </ul>
      </div>
    
    <div id="inhalt">
    
    <font face="Book Antiqua">
    <p style="line-height:1.4em; font-size:1.5em; margin-left:20%; margin-right:20%">
         <span style="color:#662908"><u>Beratung</u></span>
    </font>
    <br/>
    <br/>
            <font face="Book Antiqua">
                  <p style="line-height:1.4em; font-size:1em; margin-left:20%; margin-right:20%">
                         <span style="color:#662908">F&uuml;r pflegende Angeh&ouml;rige die Pflege eines nahestehenden Menschen kann eine emotionale sehr belastende Erfahrung sein und einen oft an seine psychischen und phsysischen Grenzen Grenzen sto&szlig;en.<br/>
    Hilfen von au&szlig;en werden oftmals nicht in Anspruch genommen. Unter der Belastung der Pflege vergessen viele f&uuml;r sich selbst zu sorgen, ignorieren ihre eigenen Bed&uuml;rfnisse und ihre Gesundheit.<br/>
    Es gibt vielf&auml;ltige M&ouml;glichkeiten und individuelle Methoden seine Selbst-Pflege zu erkennen und zu erhalten.:</span><br/>
            <br/>
            <ul type="disc">
                <span style="color:#662908"><p style="line-height:1.4em; font-size:1em; margin-left:20%; margin-right:20%">&bull; Tipps zur F&uuml;rderung des Wohlbefindes des Erkrankten und f&uuml;r Erleichterung im Alltag</p></span><br/>
                <span style="color:#662908"><p style="line-height:1.4em; font-size:1em; margin-left:20%; margin-right:20%">&bull; Validation / Kommunikation</p></span><br/>
                <span style="color:#662908"><p style="line-height:1.4em; font-size:1em; margin-left:20%; margin-right:20%">&bull; Erhalt der bestm&ouml;glichen Lebensqualit&auml;t unter Ber&uuml;cksichtigung der vorgegebenen Bedingungen</p></span><br/>
                <span style="color:#662908"><p style="line-height:1.4em; font-size:1em; margin-left:20%; margin-right:20%">&bull; Pr&auml;ventionsma&szlig;nahmen zur Vermeidung von Ersch&ouml;pfungszust&auml;nden</p></span><br/>
                <span style="color:#662908"><p style="line-height:1.4em; font-size:1em; margin-left:20%; margin-right:20%">&bull; Methoden zur Entspannung und Stressbew&auml;ltigung<br/></p></span>
            </ul>
            <br/>
        <span style="color:#662908"><p style="line-height:1.4em; font-size:1em; margin-left:20%; margin-right:20%">kann es bisherige F&auml;higkeiten und Gewohnheiten angekn&uuml;pft werden. Emotionales Wohlgef&uuml;hl f&uuml;r den Augenblick, Lebensmut und Freude werden erhalten und gef&ouml;rdert.<br/>
        Gerne unterst&uuml;tzen wir auch bei hauswirtschaftlichen T&auml;tigkeiten, Eink&auml;ufen, Azrtbesuchen, der Grundpflege und Prophylaxen.</p></span>
    </p>
    </font>
    </div>
    <!-- end page -->
    
    
     <div id="fussbereich"><br>
        <tr>
            <table border="0" width="100%";>
             <colgroup><col width="48%"><col width="37%"><col width="25%"><col width="50%"><col width="25%"></colgroup>
                  <td><p style="text-align:left">&copy;&nbsp;2014 All Rights Reserved </td></p></td>
                        <td><p style="text-align:left"><a href="http://www.facebook.com/***" target="_blank"><img src="images/F_icon.jpg" alt="" height="16" border="0" width="16" ></a></p></td>
                  <td><p style="text-align:right"><a href="impressum.html"><span style="color:#662908">Impressum</span></a></p></td>
                <td><p style="text-align:right"><a href="kontakt.html"><span style="color:#662908">Kontakt</span></a></p></td>
            </colgroup>
           </table>
        </tr>
      </div>
    </body>
    </html>
    Geändert von Helado (14.04.2014 um 13:39 Uhr)

  9. #9
    Bandit
    Gast

    Standard AW: Text wird vom Footer verdeckt

    Du brauchst einen FTP-Client, mit dem du die Dateien auf den bplaced-Server kopieren kannst. Die Zugangsdaten, die du dafür brauchst, müsstest du im Kontrollzentrum von bplaced finden.

  10. #10
    Youngster
    Themenstarter

    Registriert seit
    11.04.2014
    Beiträge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Text wird vom Footer verdeckt

    Habe es mir FileZilla hochgeladen...

Ähnliche Themen

  1. Problem mit sticky footer (footer wandert nach oben)
    Von NinaH im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 10.09.2013, 13:22
  2. Antworten: 4
    Letzter Beitrag: 31.08.2011, 22:56
  3. Footer wird nicht angezeigt
    Von Mus im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 07.08.2010, 01:08
  4. Flash-Animation verdeckt Popup Menu
    Von schneidi74 im Forum Flash Forum
    Antworten: 5
    Letzter Beitrag: 30.12.2005, 14:30
  5. Text Slice: Verdeckt Grafik
    Von La Rabiata im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 6
    Letzter Beitrag: 05.07.2005, 19:04

Stichworte

Berechtigungen

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