Problem mit DIV-Positionierung

Hermine Granger · 10. Sep. 2006

Hallo,

Ich bin gerade dabei, ein einfaches CMS-System zu schreiben, da mir das CMS Joomla nicht gefällt, und Typo3 zu viele Funktionen hat, die von mir zu selten benutzt werden. Jetzt bin ich am Entwerfen eines Design's und habe ein kleines Problem mit der DIV-Positionierung. Ich möchte das DIV "copyright" (siehe Quelltext unten) gerne als Fußnote ans Ende der Seite setzen. Das Problem ist nur, dass das Seitenende mit jeder Seite an einer anderen Stelle ist. Das DIV "copyright" ist das einzige DIV ohne "position:absolute;" und wird daher von den anderen Ebenen überdeckt.

Hier die Quelltexte:
"index.php":

HTML:

<html>
<head>
<title>:: wtneu cms - medium edition</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="headline">
	<div id="logo">
		<img src="logo.jpg" border=0 alt="wtneu cms medium">
	</div>
</div>
<div id="navigation">
	Test
</div>
<div id="content">
	Test
</div>
<div id="copyright">
	© wtneu online - S. Brückner - Keine Verantwortung! Benutzung auf eigene Gefahr! - Content Managment System "wtneu cms medium"
</div>
</body>
</html>

Datei "style.css":

HTML:

body {
	background-color: #000000;
	font-family: Tahoma, Trebuchet MS, Verdana;
	font-size: 12; }
	
#headline {
	position: absolute;
	visibility: visible;
	background-color: #333366;
	top: 5;
	left: 5;
	width: 888;
	height: 78; }

#logo {
	position: absolute;
	visibility: visible;
	top: 4;
	left: 4;
	width: 200;
	height: 70; }

#navigation {
	position: absolute;
	visibility: visible;
	background-color: #666699;
	top: 83;
	left: 5;
	width: 208; }

#content {
	position: absolute;
	visibility: visible;
	background-color: #FFFFFF;
	top: 83;
	left: 213;
	width: 680; }

#copyright {
	color: #666699; }

Danke im Voraus für die Hilfe. Grüße, wtneu

wtneu.de.ms

dkdenz · 10. Sep. 2006

Hi.
Erstmal möchte ich Dich bitten, Dir diesen Thread durchzulesen:
http://forum.jswelt.de/css-x-html/26808-bitte-lesen-vereinfachung-hilfestellungen.html
Es ist immer so zeitaufwendig, die Dinge selbst zusammenzufügen.
Wenn Du also möchtest, das Dir geholfen wird, dann beachte doch auch bitte solche Meldungen.

Dann würde ich Dir empfehlen, bei den Werten auch Pixel oder Prozent oder Wäscheklammern anzugeben. Hat schon manchesmal bei Fehldarstellungen geholfen.

Das DIV "copyright" ist das einzige DIV ohne "position:absolute;" und wird daher von den anderen Ebenen überdeckt.

Das klingt logisch, findest Du nicht?

Hermine Granger · 10. Sep. 2006

Hallo,

ich habe jetzt selbst eine Lösung gefunden:
Das DIV "copyright" bekam nun auch "position:absolute"!
Dann habe ich folgendes Skript geschrieben, mit dem das DIV entsprechend versetzt wird:

Code:

function preloader() {
	var hoehe=0;
	if(document.getElementById('navigation').clientHeight<=document.getElementById('content').clientHeight) {
		hoehe=document.getElementById('content').clientHeight;
		document.getElementById('navigation').style.height=hoehe;
	} else {
		hoehe=document.getElementById('navigation').clientHeight;
		document.getElementById('content').style.height=hoehe;
	}
	hoehe=hoehe+85;
	document.getElementById('copyright').style.top=hoehe;
}

Beim Laden der Seite wird das Script geladen und die Ebenen entsprechend formatiert.

LG, wtneu

PS:

Hi. Erstmal möchte ich Dich bitten, Dir diesen Thread durchzulesen:
http://forum.jswelt.de/css-x-html/26...tellungen.html Es ist immer so zeitaufwendig, die Dinge selbst zusammenzufügen.

Problem: Jeden Zeilenwechsel, etx... den ich beim ersten Quelltext zwischen HTML und /HTML angegeben habe, wurde vom Forum ignoriert. Und die Angaben sind in Pixel.

pit-r · 10. Sep. 2006

Moin!

Hermine Granger schrieb:
Dann habe ich folgendes Skript geschrieben, mit dem das DIV entsprechend versetzt wird...

Du bist im falschen Film! Für Dein Vorhaben JS einzusetzen ist Quatsch. Deine Reaktion auf dkdenz' Link nicht minder...

Ahoi - Pit

Problem mit DIV-Positionierung

Hermine Granger

New member

dkdenz

New member

Hermine Granger

New member

pit-r

Guest