Zum Inhalt springen

Menü und Footer fixiert

Erstellt am 19. Dezember 2005 · 23 Antworten · letzte Antwort am 12. Januar 2006 · Seite 1 von 2

Tags: HTML & CSS, Frage

nordic ·

Hm, danke, aber ich glaube ich habe jetzte schon genug stunden auf Selfhtml und ähnlichen Seiten verbracht 😢 Kann sich denn das nicht mal einer kurz anschaun? Hab irgendwie so das Gefühl, dass je mehr ich am CSS ändere, desto mehr funktioniert NICHT #evil#

nordic ·

Ja, ist schon klar, aber das mit dem Footer habe ich denk ich weitgehend hingekriegt, nur irgendwie macht der der beim Content keinen Zeilenumbruch, wenn er ander Rand kommt, sondern läuft einfach über den Rand hinaus und den Rest zeigt er gar nicht mehr an! Ich nehme mal an, dass das mit dem ganzen overflow und position: fixed zusammenhängt!

just2b ·
nordic schrieb

Ja, ist schon klar, aber das mit dem Footer habe ich denk ich weitgehend hingekriegt, nur irgendwie macht der der beim Content keinen Zeilenumbruch, wenn er ander Rand kommt, sondern läuft einfach über den Rand hinaus und den Rest zeigt er gar nicht mehr an! Ich nehme mal an, dass das mit dem ganzen overflow und position: fixed zusammenhängt!

von DEM hast du vorher aber nichts erwähnt... is ja sehr toll... groß fehlerbeschreibung was kein fehler mehr ist und dann mal ein anderes problem einschmeissen....

wenn du kein leerzeichen machst, dann gibts da NIE automatisch einen umbruch! du kannst mit overflow:hidden höchstens sagen dass dein Design nicht zerrissen wird und das unschön ausschaut

lg georg

nordic ·

Ok, tut mir leid, wenn das aus meiner Beschreibung nicht so ganz heraus gegangen ist! Wollte eben mal sagen, wie das Endergebnis ausschauen sollte... habe jetzt mal ein paar Lehrzeichen eingefügt und noch ein bisschen Content rein, so dass er eigentlich scrollen müsste, allerdings schneidet er das jetzt unten genauso ab wie beim rechten Rand :-/

Blick bei dem ganzen overflow zeugs nimmer so ganz durch, weil auch irgendwie die content-box unter dem banner und der navi liegt .....hab das dann mit einem margin-top behoben! Allerdings war das bei meade.de nicht nötig!
Habe irgendwie das Gefühl, dass da einiges total falsch ist 🙁

nordic ·

Danke also scrollen tut er jetzt schonmal, allerdings platziert er da die scrollbalken ab rand der Content-box! Kann ich dem auch sagen, dass er die ganz normal am browserrand anzeigt.....schaut nähmlich komischaus, wenn die mittendrin sind...
ausserdem habe ich bei #content padding-right und padding-left je 50 px angegeben...auf der linken seite macht er das ganz normal, aber rechts ignoriert er dass einfach!

just2b ·

scrolleisten sind am ende des divs, da sind sie IMO immer! das is schon ok 😉

zum padding: ja tooolll... ich seh ja so enorm viel an was es liegt! aber ich denk du solltest mal dein css aufräumen und schrittweise aufbauen!

lg georg

nordic ·

Tut mir leid, aber ich verstehe deinen letzten Post nicht so ganz :o

Ich mein auf meade.de sind sie scrollleisten ja auch am rand des browsers und nicht am rand des content DIV!
Und das mit dem padding versteh ich auch nicht, warum man das nicht sehen soll...steht doch in der CSS!Und was ich da Aufräumen soll wiß ich auch nicht so ganz... so groß ist die ja jetzt nicht und ich wüsste wirklich nicht was ich evtl anders machen könnte!

nordic ·

Kann sich denn niemand zu dem Thema äußern? Ist doch bestimmt nur eine Kleinigkeit, oder? Ohne das Template kann ich nicht gescheit weiter machen, also wäre echt nett, wenn mir noch jemand helfen könnte!

schwaiger ·

mann mann schau dir doch einfach mal n paar css grundlagenbücher an...

ok..

nimm in deine css dies auf...

position:fixed;

und schon gehts...

wirst aber dann immernoch im explorer probleme haben...

dies löst du durch ein js o eine expression direkt in deiner css...

aber hierfür musst du selber googeln...

ok habe eben doch mal in in einer von mir erstellten css nachgesehen...

baue dies einfach in deine css ein und es sollte mit den meisten aktuellen browsern gehen....

#footer
{
	position: fixed;
	bottom: 0px;
	width: 800px;
	height: 32px;
	padding: 8px 0 0 0px;
	background-image: url(images/footer.jpg);
	z-index: 2;
	/*IE HACKS*/
	*position: absolute;
	*top: expression( ( 0 - footer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

so euch nen guten rutsch...

achja da ich nur kurz zeit hatte und die css noch nicht veröffentlich ist kann ich dir aber keine garantie auf eine 100% lauffähigkeit geben...

nordic ·

Danke für die Hilfe! HAb das jetzt eingebaut und der footer funktioniert jetzt auch in bei den browsern.....allerdings macht der header noch probleme! Habe leider keinen Plan, was diese IE-Hacks aussagen, aber ich nehm mal an, dss man die irgendwie umschreiben muss, um sie für den header zu verwenden! Habs nähmlich in header auch rein, allerdings klebt der jetzt auch ganz unten...
Kann du mir vll sagen, was ich da noch ändern muss?

Vielen Dank schonmal!

lg nordic

nordic ·

Hilfe, ich werd noch wahnsinnig....habe jetzt mal wieder 5 stunden im css.de chan verbracht ohne erfolg!!!! Kennt sich hier niemand mit sowas aus?!?! Hab das jetzt mal mit diesen expressions versucht aber irgendwie ist das glaub ich auch keine richtige lösung :-/ 1. es funktioniert nicht 2. irgendwie verlangsamt das die seite!

Bitte helft mir!
lg nordic

nordic ·

tut mir leid, dass ich damit immer weiter mache, aber ich brings einfach nicht hin #evil# Hab jetzt ne Zeit lang für IE expressions benutzt, allerdings ist da nur der footer stehen geblieben und es funktioniert nur mit ActiveX ... von daher finde ich das keine besonders gute Lösung!

Kann mir hier nicht irgendjemand erklären wie das auf meade.de bewerktstelligt wurde? Da funktioniert das irgendwie perfekt....

Wäre euch unendlich dankbar!!!!!

nordic