tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
1450
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    JDF1976 JDF1976 ist offline Mitglied
    Registriert seit
    May 2007
    Beiträge
    23
    Hallo Helfer :-D

    so hier erst mal meine Index PHP
    HTML-Code:
    <div id="outer">
        <div id="inner">
            
            <div id="hdr" align="center"> 
                <jdoc:include type="modules" name="title" />
            </div>
            
            <div id="bar">
                
            </div>
            
            <div id="bodyblock">
            
                <div id="l-col">
                    <jdoc:include type="modules" name="left" style="xhtml" />
                </div>
            
                <div id="cont">
                    <div>
                        <jdoc:include<jdoc:include type="component" />
                    </div>
                </div>
            </div>
            
            <div id="ftr" align="center">
                <jdoc:include type="modules" name="footer" />
            </div>
        </div>
    </div>
    und die CSS
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    
    body {
        margin:20px;
        text-align:center;
        padding:0;
        background-color:#BCBCBC;
        font-size:11px;
        font-family: "Myriad Web", Tahoma, Verdana, Arial, Helvetica, sans-serif;
        color:rgb(123,123,123);
        background-image:url(../images/bg_complete.png);
        background-repeat:repeat-x;
     }
     
    #outer {
     margin:auto;
     text-align:left;
     width:855px;
     }
     
    #inner {
     text-align:left;
     width:850px;
     margin-top:5em;
     border:double thin #FFFF00;
    }
     
    #hdr {
     height:60px;
     }
     
    #bar {
     height:25px;
     background:#c0c0c0;
     border:solid #000000;  
     border-width:1px 0 1px 0;
     }
     
    #bodyblock {
     
     width:850px;
     padding:0;
     float:left;
     }
     
    #l-col {
     float:left;
     text-align: right;
     width:145px;
     }
     
    #cont {
     width:695px;
     text-align:left;
     }
     
    #ftr {
     height:25px;
     width:850px;
     margin:0;
     }

    So nun Folgendes. Im Div "inner" habe ich einen Rahmen drin. So dieses Div richtet sich allerdings nur nach der höhe des div´s "cont" mein menue das sich im Div "l-col" aufhält ist allerdings oftmals länger (höher) als das des contents?
    Ergo ist dann auch der Rahmen direkt durch das menue was wie man sich denken kann recht doof ausschaut.
    Woran liegt das denn? Hab ich die div´s falsch geschlossen oder die Css datei verhunzt?

    Danke ann alle Helfer und ich verbleibe mit

    dankenden Grüßen

    Jörg
     

  2. #2
    JDF1976 JDF1976 ist offline Mitglied
    Registriert seit
    May 2007
    Beiträge
    23
    Lösung hier

    Habe die Lösung selbst gefunden. Hatte ClearFloat vergessen.
     

  3. #3
    Maik Tutorials.de Gastzugang
     

Ähnliche Themen

  1. Antworten: 2
    Letzter Beitrag: 31.08.10, 13:22
  2. DIV passt sich nicht an
    Von nhoj im Forum CSS
    Antworten: 9
    Letzter Beitrag: 16.02.09, 20:41
  3. InternetExplorer (6.0) passt Höhe der Tabelle nicht an
    Von Nervensache im Forum HTML & XHTML
    Antworten: 2
    Letzter Beitrag: 04.02.09, 16:44
  4. Div Höhe passt sich nicht an
    Von ZeroEnna im Forum CSS
    Antworten: 5
    Letzter Beitrag: 06.09.07, 15:26
  5. Div passt sich nicht an Inhalt an
    Von ecology im Forum CSS
    Antworten: 10
    Letzter Beitrag: 25.08.07, 18:53