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

[OneBit]

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:

#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;
}

 

[Manjo]

Geht's ein bisserl genauer? HTML-Code mit den div-Tags vielleicht dazu, wie Du es Dir vorstellst?

Wenn ich

<div>bla</div><div>bla</div>

schreibe, dann kleben die immer direkt untereinander. Oder sollen sie nebeneinander? Oder wie? Mach mal ne Zeichnung ;-)

 

[OneBit]

genau so wie in deinem beispiel.
skizze:

der graue bereich mit den links ist der footer der sich automatisch an den oberen weissen teil anhängt.

 

[Manjo]

Ja sieht doch nicht schlecht aus. Wo liegt Dein Problem?

 

[Mondmann]

http://www.andreas-kalt.de/webdesign/tutorials/css-layout-erstellen

http://de.selfhtml.org/

Grüße

 

[Galanos]

Verstehe ich dich richtig, dass du einfach sicher gehen moechtest, dass der Footer in jedem Fall unter dem Inhalt steht?
Vielleicht hilft dir die Eigenschaft "clear":

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clear

 

[mores]

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.

 

[msslovi0]

Ich versteh das problem grad nicht. Oder es fehlt einfach Code, um es zu verstehen...

<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