div`s direkt an anderes dov "hängen"?

  1. OneBit

    OneBit Thread StarterMacUser Mitglied

    Mitglied seit:
    13.01.2006
    Beiträge:
    121
    Zustimmungen:
    0
    div`s direkt an anderes div "hängen"?

    ich möchte dass sich das footer-div direkt an das paitsch-div anhängt. ist das irgendwie möglich?
    habe folgenden css-code gebastelt:
    Code:
    #paitsch {
    	background-color: #FFFFFF;
    	width: 800px;
    	height: 750px;
    	margin-left: auto;
    	margin-top: 0px;
    	border-right-width: 5px;
    	border-right-style: solid;
    	border-right-color: #CCCCCC;
    	border-bottom-width: 5px;
    	border-bottom-style: solid;
    	border-bottom-color: #CCCCCC;
    	margin-right: auto;
    	border-left-width: 5px;
    	border-left-style: solid;
    	border-left-color: #CCCCCC;
    }
    #footer {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 10px;
    	color: #660066;
    	line-height: 15px;
    	bottom:0px;
    	height: 20px;
    	background-color: #CCCCCC;
    	text-align: center;
    	border-right-width: 5px;
    	border-right-style: solid;
    	border-right-color: #CCCCCC;
    	width: 800px;
    	left: 0px;
    	text-indent: 125px;
    	margin-right: auto;
    	margin-bottom: 0px;
    	margin-left: auto;
    	border-left-width: 5px;
    	border-left-style: solid;
    	border-left-color: #CCCCCC;
    	clear: both;
    }
    
     
    OneBit, 23.06.2006
  2. Manjo

    ManjoMacUser Mitglied

    Mitglied seit:
    25.07.2005
    Beiträge:
    903
    Zustimmungen:
    22
    Geht's ein bisserl genauer? HTML-Code mit den div-Tags vielleicht dazu, wie Du es Dir vorstellst?

    Wenn ich
    HTML:
    <div>bla</div><div>bla</div>
    schreibe, dann kleben die immer direkt untereinander. Oder sollen sie nebeneinander? Oder wie? Mach mal ne Zeichnung ;-)
     
    Manjo, 23.06.2006
  3. OneBit

    OneBit Thread StarterMacUser Mitglied

    Mitglied seit:
    13.01.2006
    Beiträge:
    121
    Zustimmungen:
    0
    genau so wie in deinem beispiel.
    skizze:
    [​IMG]
    der graue bereich mit den links ist der footer der sich automatisch an den oberen weissen teil anhängt.
     
    OneBit, 23.06.2006
  4. Manjo

    ManjoMacUser Mitglied

    Mitglied seit:
    25.07.2005
    Beiträge:
    903
    Zustimmungen:
    22
    Ja sieht doch nicht schlecht aus. Wo liegt Dein Problem?
     
    Manjo, 23.06.2006
  5. Mondmann

    MondmannMacUser Mitglied

    Mitglied seit:
    21.07.2004
    Beiträge:
    2.821
    Zustimmungen:
    84
  6. Galanos

    GalanosMacUser Mitglied

    Mitglied seit:
    19.12.2005
    Beiträge:
    624
    Zustimmungen:
    23
    Galanos, 23.06.2006
  7. mores

    moresMacUser Mitglied

    Mitglied seit:
    23.12.2003
    Beiträge:
    3.557
    Zustimmungen:
    106
    du wirst einen content div einrichten müssen, der dann das paitsch und footer div drin hat.

    also
    <div id=content>
    <div id=paitsch></div
    <div id=footer></div>
    </div>

    jetzt mal so aus dem bauch raus, hab's nicht getested.
    die "height" musste dann beim paitsch rausnehmen.
     
    mores, 23.06.2006
  8. msslovi0

    msslovi0MacUser Mitglied

    Mitglied seit:
    20.03.2005
    Beiträge:
    2.714
    Zustimmungen:
    115
    Ich versteh das problem grad nicht. Oder es fehlt einfach Code, um es zu verstehen...

    HTML:
    <style type="text/css">
    
    * {
    	margin: 0;
    	padding: 0;
    }
    #content {
    	height: 300px;
    	background: #FF0;
    }
    #footer {
    	height: 50px;
    	background: #CCC;
    }
    </style>
    <div id="content">
    	
    </div>
    <div id="footer">
    	
    </div>
    
    Matt
     
    msslovi0, 23.06.2006
Die Seite wird geladen...