zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Kann Fehler nicht finden für 100% height..

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.07.2013, 14:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.07.2013
Beiträge: 2
Laira11 befindet sich auf einem aufstrebenden Ast
Frage Kann Fehler nicht finden für 100% height..

Hallo, ihr Lieben!
Ich bin neu hier im Forum und auch neu bei der Websiteprogrammierung, also seid bitte nett zu mir...
Mein Problem ist folgendes, ich soll für einen Bekannten ein Webseite erstellen (Ich habe hierfür die Texte geändert, da er Arzt ist, also nicht wundern!). Es läuft eigentlich ganz gut, allerdings klappt bei mir das 100% height nicht, obwohl ich alle Tipps aus dem Internet benutzt habe, aber min-height funktioniert bei mir nicht. Wahrscheinlich habe ich einfach einen Fehler, aber ich mache schon seit Tagen damit rum und kann jetzt einfach nicht mehr..
Mein Html-code ist der hier:
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="Unbenannt1.css" type="text/css">
<title> Muster </title>
</head>


<body>
<div id="alles">
<div id="Ueberschrift">
<h1 id="title">Beispiel</h1>
</div>
<div id="gesamt">
<div id="Menue">
<ul>
 <li> <a href="index.html"> Home </a> </li>
 <li> <a href="Sprechstunde.html">Sprechstunde</a> </li>
 <li> <a href="Praxisteam.html">Praxisteam</a> </li>
 <li> <a href="Online-Beratung.html">Online-Beratung</a> </li>
 <li> <a href="Spezial-Leistungen.html">Spezial-Leistungen</a> </li>
 <li> <a href="Kontakt & Wegbeschreibung.html">Kontakt & Wegbeschreibung</a> </li>
</ul>
</div>


<div id="Text">
<h1> Herzlich willkommen auf der Seite </h1>
<h2> Bitte wählen sie aus dem Menü </h2>
</div>
</div>

<div id="Fusszeile">
<div id="Teil1">
<p> ... </p>
<p> ...</p>
<p> ... </p>
</div>
<div id="Teil2">
<p> ... </p>
<p> ... </p>
<p> ... </p>
</div>
</div>
</div>

</body>
</html>
Der Css-Code der hier:
Code:
body  {
      background-color:grey;
      height:100%;
      }

#alles {
       clear:both;
       width:800px;
       min-height:100%;
       background-color:blue;
       margin:auto;
       }


#Ueberschrift   {
                background-color:blue;
                height:118px;
                width:800px;
                }

#gesamt   {
           padding-bottom:50px;
           margin: auto;
           position: relative;
           }

#Menue {
       background-color:#bdbec6;
       width:200px;
       float:left;
       padding:0px;
       margin:0px;
       }



#text    {
         background-color:#1AC1C2;
         width:600px;
         float:right;
         }



#Fusszeile {
           clear: both;
           position:relative;
           bottom:0px;
           width:800px;
           height:50px;
           margin-top:-50px;
           background-color:lightskyblue;
           border-top:2px solid black;
           }
p    {
     margin:0px;
     padding:0px;
     }


#Teil1  {
        width:50%;
        float:left;
        font-size:15px;
        }


#Teil2 {
       float:right;
       width:50%;
       font-size:15px;
       }
Ich hoffe es sind nicht zu viele Fehler drin, wenn doch, tut mir Leid!
Ganz vielen Dank für eure Hilfe!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.07.2013, 14:36
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Du musst dem Root-Element, das ist das HTML-ELement auch eine Höhe von 100% mitgeben. Nur dem Body-Element reicht nicht.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.07.2013, 15:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.07.2013
Beiträge: 2
Laira11 befindet sich auf einem aufstrebenden Ast
Standard Danke!

Toll, danke!! )
Jetzt hab ich aber ein anderes Problem, ich habe alles jetzt ein bisschen geändert, aber mein sticky footer ist jetzt sozusagen die 100% + die 50px vom Footer. Ich habe ein div über meinen header und mein content und habe das auf min-height 100% gemacht. Ich weiß, dass das nicht stimmt, es ist ja logisch, dass es dann 100% + der footer ist. aber wenn ich es anders mache, bleibt der footer immer nicht unten. Könnt ihr mir helfen?
Mit Zitat antworten
  #4 (permalink)  
Alt 17.07.2013, 16:01
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Schau dir mal folgende Beispiele an, speziell den Quellcode, dann siehst du wie man sowas macht.

Stu Nicholls | CSSplay | Three column layouts - 7 versions
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Antwort

Stichwörter
css 2, fehler, fehlersuche, height, html

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Media Querys - Layout geht wird über den Displayrand angezeigt DarkNemesis84 CSS 9 05.05.2013 23:00
Wie vergrößere ich die Gallery Boxen? butters CSS 3 27.11.2011 03:56
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Darstellungsprobleme im IE lea11011989 CSS 17 05.11.2010 10:44
CSS bei Tempalte Joomla bzw. ueniversal schnarcher CSS 6 21.06.2009 22:36


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:12 Uhr.