Ergebnis 1 bis 4 von 4

Thema: probleme mit <body>

  1. #1
    HTML Newbie
    Registriert seit
    30.03.2013
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard probleme mit <body>

    hallo leute,
    ich hab ein problem mit meiner ersten homepage, an der ich gerade werke

    Mein Problem:
    also ich habe eine Topbereich, der in der mitte ein logo enthält und darunter
    einen mittig gelegenen maincontent mit navigation links und rechts eben den inhalt.

    nur die div vom maincontent passt sich nicht automatisch der height vom der inhalt-div a!
    auch der body ist dann nur so groß wie der top bereich

    hier ein 3d veranschaulichung mit height im css: so will ich es eigentlich haben, nur soll sich die height des maincontents (weißer rahmen) automatisch dem inhalt anpassen
    mit height.jpg

    Und hier ohne der height:
    ohne height.jpg

    komischerweise ist das problem nur bei den neuen versionen der browser (IE 9)!

    Code:
    <!DOCTYPE html><html>
    <head></head>
    <body>
    <div id="top" style="height: 240px"></div>
    <div id="maincontent">
    <div id="navigation">
    <ul id="navilist"></ul></div><div id="content">
    <div align="center">
    </div>
    </div>
    </div>
    <div id="lightboxOverlay" style="display: none;"></div>
    <div id="lightbox" style="display: none;"></div>
    </body>
    </html>
    Code:
    body {
          background-color: #b9dc77;
         }
          
        #top {
        background-color: #b9dc77;
           background:url('Top_Leiste.jpg');
           background-repeat:repeat-x;
           background-position:bottom;
           margin:-10px -10px auto -10px;   
        }
        
        #topcontent {
        width: 980px;
        height: 200px;
        margin: 0px auto 0px;
            }
            
        #maincontent {
        background-color: #9dc77b;
    
        width: 980px;
        margin:0px auto;
        border: thick;
        border-color:white;
        border-style:dotted;
        padding-bottom: 10px
        }
        
        #navigation {
        border:thin;
        border-color:white;
        border-style:dotted;
        width: 202px;
        margin: 0px;
        float:left;
        }
    Ich hoffe ihr könnt euch irgendwie vorstellen, was ich genau ich meine
    Und viel dank schon mal im vorraus!

    mfg
    eeyore
    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
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: probleme mit <body>

    Ich glaube Du scheiterst am floaten. Denn wer floatet muss auch clearen. Dadurch dass die Navigation gefloatet wird hat das umgebende Element keine Höhe mehr. Die erreichst Du wieder wenn Du bei #maincontent noch "overflow: hidden;" ergänzt oder bei irgendeinem Element am Ende des #maincontent ein "clear: both;" ergänzt.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    30.03.2013
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: probleme mit <body>

    Ok danke.. könnte sein.. habe soeben versuch die ganze navigation und so wegzugeben..
    dann funktioniert das problemlos
    werde das später ausprobieren

    mfg

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    30.03.2013
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: probleme mit <body>

    omg.. wie einfach..

    VIELEN DANK!!!!!!!

    mfg

Ähnliche Themen

  1. body height
    Von guuls im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 03.08.2011, 13:42
  2. </body /> <- Valide?
    Von Darkxor im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 16.07.2009, 22:02
  3. div- body- overflow
    Von Dicker1 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 10.12.2008, 13:33
  4. CSS Problem bei body{ }
    Von Heavygerch im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 18.06.2007, 11:43
  5. body onload + body onunload in einer Seite machbar?
    Von Semmel im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 18.08.2004, 16:23

Stichworte

Berechtigungen

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