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

Diskutiere mit über: div`s direkt an anderes dov "hängen"? im Web Page Design Forum

  1. OneBit

    OneBit Thread Starter MacUser Mitglied

    Beiträge:
    121
    Zustimmungen:
    0
    Registriert seit:
    13.01.2006
    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;
    }
    
     
    Zuletzt bearbeitet: 23.06.2006
  2. Manjo

    Manjo MacUser Mitglied

    Beiträge:
    903
    Zustimmungen:
    22
    Registriert seit:
    25.07.2005
    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 ;-)
     
  3. OneBit

    OneBit Thread Starter MacUser Mitglied

    Beiträge:
    121
    Zustimmungen:
    0
    Registriert seit:
    13.01.2006
    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.
     
  4. Manjo

    Manjo MacUser Mitglied

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

    Mondmann MacUser Mitglied

    Beiträge:
    2.801
    Zustimmungen:
    81
    Registriert seit:
    21.07.2004
  6. Galanos

    Galanos MacUser Mitglied

    Beiträge:
    624
    Zustimmungen:
    23
    Registriert seit:
    19.12.2005
  7. mores

    mores MacUser Mitglied

    Beiträge:
    3.575
    Zustimmungen:
    106
    Registriert seit:
    23.12.2003
    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.
     
  8. msslovi0

    msslovi0 MacUser Mitglied

    Beiträge:
    2.713
    Zustimmungen:
    115
    Registriert seit:
    20.03.2005
    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
     
Die Seite wird geladen...
Ähnliche Themen - div`s direkt anderes Forum Datum
Problem mit verschachtelten div-Boxen Web Page Design 30.08.2016
Problem: DIV sprengt Container Web Page Design 22.08.2013
(S) Kleinanzeigen-Script; Open Classifieds / XZero Classifieds / andere? Web Page Design 05.07.2013
Link/Scroll zu div id animieren Web Page Design 22.11.2012
Thumbnail Gallery, zusammen mit Text bündig rücken /oder/und in ein DIV packen… Web Page Design 18.08.2012

Diese Seite empfehlen

Benutzerdefinierte Suche