Thema: schrift unter include positionieren


Seite durchsuchen:
Home


zurück zur Übersicht

Diskussionsgruppe: Webseiten/HTML

Hallo zusammen

ich habe eine seite gemacht, in der der inhalt als include eingefügt wird.
unter dem inhalt kommt noch ein include() von dem footer.
der text im footer soll unter dem inhalt erscheinen (der inhalt hat eine variable länge) wenn ich jetzt in den footer einen text reinsetzte, dann erscheint der text ganz oben auf der seite.
wenn ich dann sage:

<div style="position:absolute; bottom:0px;">
Text
</div>

ist der text nur am unteren bildschirmrand, mitten im inhalt.
ich habe es auch schon mit position:fixed versucht, nur funktioniert das im ie nicht.

hier nochmal der link dazu:
http://finrod-c.drition.net/di/index.php

vielen dank schonmal

mfg
mirwald

Von: mirwald Datum: 28.05.2007, 16:54

alle Antworten zu dieser Frage




Antwort 1 von DeluxeStyle vom 28.05.2007, 17:05
räum erst mal ein bisschen deinen Quellcode auf

was hat den der <h3> tag zu suchen? der macht gar nix.
außerdem das <p><hr></p> ist auch ned schön

dann versuch es mal mit position:relative

Antwort 2 von mirwald vom 28.05.2007, 17:22
Hi

>was hat den der <h3> tag zu suchen? der macht gar nix.
die überschriften der news


außerdem das <p><hr></p> ist auch ned schön
> abstände...

und zu meinem problem?

danke schonmal.

mfg
mirwald

Antwort 3 von xmirwald vom 28.05.2007, 17:23
was vergessen:

position:relative

.. funktioniert auch nicht. da wird das bild ganz oben im ie angezeigt.

mfg
mirwald

Antwort 4 von rfb vom 28.05.2007, 18:06
nimm mal sämtlich Position-Angaben raus -> dann stimmt schon mal die Reihenfolge!

Wenn die Elemente einen Abstand nach links brauchen genügt ein margin oder eine Breitenangabe zusammen mit einer float-Angabe wenn mehrere nebeneinander stehen sollen.

Allerdings ist dein Quellcode ziemlich kaputt! Häufugster Fehler: auf <tr> muss <td> folgen, bei dir folgt da alles mögliche aber <td> niemals. Und wie die Browser das dann anzeigen lässt sich eh nicht so recht vorhersagen.

Also beseitige bitte die Fehler und komplettiere die Doctype-Declaration, damit die Browser deine Seite nicht im Quirksmodus anzeigen, denn auch das erzeugt Anzeigefehler.

Antwort 5 von mirwald vom 28.05.2007, 18:26
@ rfb: danke schonmal. hab mal alles gemacht.

danke. und jetzt?

mfg
mirwald

Antwort 6 von rfb vom 28.05.2007, 20:17
Also ein paar Fehler gibts noch:
Deine Seite im W3C-Validator
und
Zitat:
nimm mal sämtlich Position-Angaben raus
hast du ignoriert!

Antwort 7 von mirwald vom 29.05.2007, 08:22
Zu den postition angaben: achso, ich dachte du meinst nur position: realtive usw.. und nicht top:....

ok,

W3C-Validator > ja da stimmt noch nicht alles (warum er <p> nicht mag wunder ich mich) aber man wird doch jetzt schon dennoch die bilder so anordnen können wie oben beschrieben.

mfg
mirwald

Antwort 8 von rfb vom 29.05.2007, 09:34
Zitat:
Zu den postition angaben:
genau genommen meinte ich allen Inhalt aller style-Attribute!

Bevor du nicht alle Fehler beseitigt hast lässt sich nur wenig vorhersehen.
Welche Elemente innerhalb welchen anderen vorkommen dürfen erfährst du bei SelfHTML

Ich würde dir raten dich erst einmal mit CSS vertrauter zu machen bevor du mit der position-Keule anfängst zu schwingen. Wie du bereits gesehen hast ist es relativ schwer, deren Ergebnis vorherzusagen, denn dazu brauchst du Kenntnisse im Aufbau von HTML-Dokumenten, insbesondere von Vor- und Nachfahren-Elementen im Dokumenten-Fluss sowie dem Herausnehmen von Elementen daraus.

Antwort 9 von mirwald vom 29.05.2007, 09:53
wenn jemand lust hat kann er es ja verbessern...

aber dennoch hat das jetzt nichts mit meiner frage zu tun.
ich kann mit den fehlern leben, solange alles in ff, ie, opera gut angezeigt wird.

ich vermute langsam, dass es für mein problem keine lösung gibt...

danke trozdem an alle!

mfg
mirwald

Antworten der Gruppe: Webseiten/HTML
www.supportnet.de







Office 365 stellt vertraute Microsoft Office-Tools für die Zusammenarbeit und Produktivität über die Cloud bereit. So können alle ganz einfach von nahezu überall zusammenarbeiten und auf E-Mails, Webkonferenzen, Dokumente und Kalender zugreifen.