Ergebnis 1 bis 3 von 3

Thema: Höhe von Divs...

  1. #1
    Teeny
    Registriert seit
    16.10.2009
    Beiträge
    20
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Beitrag Höhe von Divs... (gelöst)

    Hallo allerseits,

    ich stehe vor einem nervtötenden Problem...

    Ich möchte eine Seite aus 5 untereinanderfolgenden <divs> bauen, jedoch klappt es mit der Höhe in "%" nicht... Suche schon seit 3 Stunden google durch, auch faux columns hat mir irgendwie nich weitergeholfen... min-height ist auch keine lösung.. weiß einfach nicht weiter.
    Außerdem soll .inhalt (div) einen Bereich zum scrollen haben.

    Hier mein HTML:

    Code: Alles auswählen
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/transitional.dtd">

    <html>
    <head>
    <title>....</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

    <link rel="icon" href="favicongw.ico" type="image/x-icon">
    <link rel="shortcut icon" href="favicongw.ico" type="image/x-icon"> <!-- Fuer IE -->
    <link rel="stylesheet" type="text/css" href="homepage.css">


    </head>


    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

    <div class="all">

    <div class="navoben">
    test
    </div>

    <div class="logol">
    test
    </div>


    <div class="logor">
    test
    </div>



    <div class="inhalt">
    test
    </div>


    <div class="navunten">
    test
    </div>

    </div>

    </body>
    </html>

    -----------------------------------------------
    CSS: homepage.css

    .all {width:100%; height:100%}

    .navoben {height:10%; width:100%;}

    .logol {height:14%; width:50%; float:left}

    .logor {height:14%; width:50%; float:right}

    .inhalt {height:66%; width:100%;}

    .navunten {height:10%; width:100%;}

    ---------------------------------------------------


    Das was stört ist, dass die divs zwar 100% Breite haben, aber nur so hoch wie der "content test" sind...

    Hier mal meine Vorstellung der Seite:



    Hoffe hier wird mir geholfen

    Mfg
    Netvizion
    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 !!!!!
    Geändert von Netvizion (19.10.2009 um 17:37 Uhr)

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Höhe von Divs...

    Die Prozentwerte brauchen noch einen Bezugspunkt. Das ist html und body (erste Zeile)

    Den rechten Teil habe ich etwas anders formatiert, beim Inhalt noch "overflow: auto;"

    Code:
    html, body {margin: 0; padding: 0; height: 100%; width: 100%;}
    .all {width:100%; height:100%}
    
    .navoben {height:10%; width:100%;background: green;}
    
    .logol {height:14%; width:50%; background: red; float:left;}
    
    .logor {height:14%; margin-left: 50%; background: blue;}
    
    .inhalt {background: yellow; height:66%; width:100%; overflow: auto;}
    
    .navunten {background: magenta;height:10%; width:100%;}

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    16.10.2009
    Beiträge
    20
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Daumen hoch AW: Höhe von Divs...

    Vielen, vielen Dank für die schnelle Antwort!!!

    Habs dazu auch noch geschnallt

    Aus meinem CSS/XHTML Buch ging das nicht hervor..

    MFG
    Netvizion

Ähnliche Themen

  1. Höhe eines td
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 13.10.2008, 13:24
  2. Variable höhe und Zentrierung von Divs
    Von Insanctus im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 03.09.2007, 00:33
  3. Höhe des Absatz
    Von sapo im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 31.07.2007, 22:09
  4. <div> Höhe
    Von No0ob im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 03.09.2006, 17:38
  5. td Höhe
    Von Flux im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 07.11.2005, 13:35

Stichworte

Berechtigungen

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