CSS Seitendefinition - Längere Seite

[stefaneins]

Hallo ihr lieben,

ich habe ein klitzekleines Problemchen mit einer durch CSS definierten Seite! Die Seite hat an sich eine feste Größe (siehe unten angefügte CSS Definition) - nun muss aber eine Seite, hier das Impressum, länger werden. Ich füge also einfach entsprechend (langen) Text ein und er zerfetzt mir die ganze Seite. Die leftcolumn ist plötzlich über der rightcolumn und nicht mehr - wie es richtig sein soll - daneben!

Auch ein 'spielen' mit Float hat nix gebracht. Ich habe auch schon versucht die beiden Spalten leftcolumn & rightcolumn im CSS zu dublizieren und für das Impressum gesondert als leftcolumnimp & rightcolumnimp mit height:600px anzulegen und einzubinden - leider funktioniert das auch nicht.

Zur besseren Veranschaulichung hier mal die
richtige Seite
und die zerfressene Impressums Seite

#wrapper { 
 margin: 0 auto;
 width: 695px;
}
#faux {
background-color:#FFFFFF;
 margin-bottom: 0px;
 overflow: auto;
 width: 695px
}

#header {
 color: #333;
 width: 695px;
 padding: 0px;
 height: 238px;
 margin: 85px 0px 0px 0px;
 background: #FFFFFF;
 background-image:url(ELEM/header.jpg)
}


#leftcolumn {
	background-image:url(ELEM/leftborder.jpg);
	margin: 0px;
	padding: 0px;
	width: 195px;
	height: 345px;
	float: left;
}

#rightcolumn {
	float: right;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 500px;
	height: 345px;
	display: inline;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 21px;
	background-color: #FFFFFF;
	margin-bottom: 0px;
	overflow: visible;
}

#footer {
	width: 695px;
	height: 69px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	background-image:url(ELEM/footer.jpg);
	color: #FFFFFF;
	font-size: 10px;
	text-align:center;
	vertical-align:middle;
	background-color: #FFFFFF;
	margin-top: 0px;
	vertical-align: middle;
}

Ich hoffe einer kann mir den ausschlaggebenden Tip geben; ich bin echt am verzweifeln!

[stefaneins]

Noch als Nachtrag:

Wie ihr vielleicht im CSS erkennen könnt habe ich die Funktion "float" auch bei beiden columns eingebaut - warum es bei einer Seite mit einem längeren Text dann nicht geht, verstehe ich einfach nicht.

[Singal]

Und ich verstehe den Einsatz der Tabellen hier nicht...

[zulujaner]

das float hat nichts damit zu tun, das der text in nen div reinpasst.

aber overflow:visible;

das zeigt dir den ganzen text an. und wenn du soooo viel text drin hast dann
ist das normal das die div ihre maße vergessen, dein height: 345px;, und "überlaufen".

setze mal bei der rechten spalte overflow:auto;
und schon gehts.

oder...

lass bei spalte zwei, die angabe für die höhe weg dann gehts auch und der div streckt sich nach der größe deines textes...

oder

schreibe bei der höhe des zweiten div min-height:345px; da sollte bei weniger text dein layout nicht def. gehen


hoffe geholfen zu haben