Hi,
also ich lese jetzt schon seit mehreren Wochen hier im Forum wegen diesem Problem, aber ich komm einfach nicht weiter #angry#
Und zwar hab ich hier
http://trash.gm-projects.de/nordic/template.html
mein Template und hier
http://trash.gm-projects.de/nordic/layout.css
das zugehörige CSS!
Ich will, dass der header mit der Navi (später das ypmenu) und der Footer immer sichtbar sind. Der Footer sollte dabei immer ganz unten sein, egal bei welcher Auflösung bzw. Fenstergröße! Es wird also nur der Content gescrollt! Ist denke ich im Prinzip das gleiche wie bei meade.de, allerdings werde ich aus dem css nicht gerade schlau 🙁
Versuch das jetzt wie gesagt seit mehreren Wochen hinzukriegen, aber es will irgndwie nicht so richtig. Kann auch gut sein, dass das CSS viele sinnlose bzw. falsche Sachen enthält, da ich aus Verzweiflung einfach überall Sachen dazu geschrieben hab, die ich irgendwo gelesen habe :o
Auch dass der Content einfach über die Rahmen hinaus geht ist irgendwie komisch ....^^
Ich hoffe ihr könnt mir irgendwie weiterhelfen! Danke schonmal für eure Hilfe!
Cu, nordic
Schau dir doch da mal die Treffer an
is ja nur eine css sache
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#
drum solltest du neu anfangen und zB dieses Bsp http://scott.sauyet.name/CSS/Demo/FooterDemo1.html verstehen!
eliminier dort alles was nicht relevant ist und fügs bei dir ein.
georg
ps: nicht böse sein, aber CSS grundkenntnisse kann man nur selbst lernen
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!
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
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 🙁
damit scrollleisten da sind, muss eine height-angabe sein und zB overflow auto
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!
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
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!
So, also ich habe jetzt mal einen Blindtext rein und es funktioniert jetzt denk ich auch alles soweit 🙂 An dieser Stelle schonmal vielen Dank für die Hilfe! Jetzt habe ich nur noch das Problem, dass die Scrollleiste nicht da ist, wo sie hin soll! Weiß jemand was ich da noch ändern muss?
Hier noch mal die Adressen:
http://trash.gm-projects.de/nordic/template.html
mein Template und hier
http://trash.gm-projects.de/nordic/layout.css
lg 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!
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...
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
naja eigentlich musst du nichts änder der header soll doch IMMEr obe stehen !! ???
O mann jetzt passt irgendwie gar nix mehr :x
Schaus dir am besten mal selbst an:
http://trash.gm-projects.de/nordic/template.html
unter ff am mac passts... bis auf den menü...
am pc konnt ichs nicht testen da er in mom nicht hier ist..
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
So also das template selbst geht jetzt! http://trash.gm-projects.de/nordic/template.html
Hab das jetzt ins typo eingebunden: http://netsh21215.dbdserver.de/typo/ Im FF funktioniert das jetzt auch ganz gut, nur der IE macht wieder Probleme....irgendwie interpretiert der die expressions gar nicht, oder zumindest falsch 🙁
Kann mir vll jemand sagen, woran das liegt?
thx, nordic