TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

jetzt buchen

Gästebuch anzeige - grosser Abstand bis zum ersten Eintrag


Autor Nachricht
Verfasst am: 22. 02. 2008 [15:28]
mralchemy
Themenersteller
Dabei seit: 22.02.2008
Beiträge: 4
Hallo,

ich habe folgendes Problem.
ve_guestbook ist installiert und läuft.
Man kann Einträge verfassen und sie werden auch im Gästebuch angezeigt.

Die Darstellung des Gästebuchs bereitet mir Probleme.
Es wird angezeigt:

Anzeige: 1 - 1 von 3


Danach kommt eine riesen Lücke in der nichts angezeigt wird und dann wird der erste Gästebucheintrag angezeigt.

Dies ist im Firefox und im Opera so.
Im IE7 ist diese riesen Lücke nicht.

Was kann man tun ?
An was könnte es liegen ?


Profil
Verfasst am: 25. 02. 2008 [22:00]
just2b
TYPO3-Gott
Moderator
Dabei seit: 04.08.2004
Beiträge: 19047
Hallo,

das liegt wohl am CSS

georg

=> TYPO3 - inspiring people to share <= aber kein Support per PM!

=> in eigener Sache: · inspiring people to share your location Trag dich in die TYPO3 Weltkarte ein und zeige wie groß die TYPO3 Community ist - vielen Dank!<=
ProfilWWW
Verfasst am: 20. 03. 2008 [13:00]
mralchemy
Themenersteller
Dabei seit: 22.02.2008
Beiträge: 4
Ich habe jetzt nach längerem Suchen immer noch nichts gefunden an was es liege könnte.
Dass es irgendwie am CSS liegt, denke ich mal, is richtig.

Aber wo muss ich da was hinschreiben, damit es richtig dargestellt wird ?
Es ist wie gesagt im IE7 einwandfrei. Im Firefox und Opera blöderweise nicht.

Hat jemand noch ne Idee ?
Profil
Verfasst am: 27. 03. 2009 [01:38]
haeckn
Dabei seit: 03.04.2008
Beiträge: 34
Hallo,

ich habe auch gerade ein Gästebuch installiert und habe das gleiche Problem.
Hatte zuvor bei einigen Inhaltselementen dasselbe "Phänomen".
Bin mir auch ziemlich sicher, das es am CSS liegt. Aber habe es selber auch noch nicht lösen können.
Benutzt du in deinem CSS "float" ???
Glaube da liegt die Ursache begraben. Leider weiß ich auch noch keine Lösung.

Vielleicht kann uns jemand anders weiterhelfen icon_cool.gif

Gruß
Haeckn
ProfilICQ
Verfasst am: 11. 01. 2011 [16:58]
Polygnom
Dabei seit: 04.01.2009
Beiträge: 30
hab das alte Thema wieder raus gesucht

sonst leider im Board hier nichts gefunden

hat schon wer eine lösung für das Problem?

benutz selber das Yaml packet für die Seite
Profil
Verfasst am: 11. 01. 2011 [18:30]
Polygnom
Dabei seit: 04.01.2009
Beiträge: 30
hab Fehler gefunden
lag wirklich am CSS nur leider an dem vom guestbook selber

wenn ich das ändere das im Firefox passt zerschießt es mir das IE Design total

man ein wansinn
Profil
Verfasst am: 11. 01. 2011 [19:12]
etux
Dabei seit: 14.02.2009
Beiträge: 223
Polygnom schrieb:

hab Fehler gefunden
lag wirklich am CSS nur leider an dem vom guestbook selber

Das bezweifele ich – auch wenn ich weder die Erweiterung noch deren CSS kenne.
Ich vermute eher, dass es am fehlenden Block Formatting Context bei einem der umgebenden Elementen liegt. Bzw. am globalen Wirkung von Clear oder/und Float.
Solange keiner auf die Idee kommt, einen Link zur Problem-Seite zu posten, bleibt es aber nur eine Vermutung. icon_wink.gif

Grüße: Emil
-----------------------------------------------------------------------------
http://emil-webdesign.net/; CSS-Layouts: Gleich hohe Spalten, Inhalt zuerst. TYPO3-Templates.
ProfilWWW
Verfasst am: 11. 01. 2011 [19:38]
lisardo
Dabei seit: 20.10.2005
Beiträge: 306
icon_smile.gif

Das Gästebuch benutzt in der Tat ein normales Clearing nach jedem Eintrag mit clear:both. Klar, dass das innerhalb der nicht floatenden Hauptspalte von YAML einen großen Abstand bewirkt - es rutscht nämlich alles was folgt unterhalb des letzten Inhalts der linken/rechten Spalte. Es liegt wie Emil schreibt an der globalen Wirkung von clear.

Eine mögliche Abhilfe: wenn die nicht floatende Hauptspalte col3 ist, dann die Klasse col3_content mit dem Stil: float:left versehen. Aber wie Emil schon sagt: ohne URL ist das Stochern im Nebel ...

Gruß
Peter, TYPO3 @ lisardo (Augsburg)
ProfilWWW
Verfasst am: 12. 01. 2011 [16:49]
Polygnom
Dabei seit: 04.01.2009
Beiträge: 30
man Ihr seit der wahnsinn das war es!!

PHP
#col3_content { padding: 0 10px; float: left; }


das float rein und es geht.
an dem Problem hab ich schon 3 Tage rum gesucht

Neues Problem ist dann jetzt nur das das ganze design nicht mehr stimmt von der Seite

Der footer sitzte nicht mehr unter col1-3 sondern hört bei col2 auf nach min-height.

Bei #border-bottom hab ich ein clear both eingefügt dann stimmt der untere Rand wieder.
Bei #footer noch ein Clear both eingefügt und alles stimmte wieder.

Bitte schreibt noch eure Meinung ob das so ok ist oder wieder irgendwelche Sachen daruch auftreten werden

http://www.silkroad-tutorials.de

[Dieser Beitrag wurde 5mal bearbeitet, zuletzt am 12.01.2011 um 17:37.]
Profil
Verfasst am: 13. 01. 2011 [06:58]
etux
Dabei seit: 14.02.2009
Beiträge: 223
Du setzest Clear falsch ein, auch wenn es nicht wirkungslos ist.
Im Grunde brauchst Du ein einziges „clear: both;“ bei „div#ie_clearing“, was jetzt „unsichtbar“ ist (display: none).
Da „div#col3“ kein „Block Formatting Context“ besitzt, wirkt dieses Clear global und beendet alle drei Floats.
Dieser „Trick“ wird verwendet, um gleich hohe Spalten zu simulieren.

Dank der Tipp vom Peter hast Du jetzt (fast) eine vernünftige drei Spalten Konstruktion, mit flüssiger Breite bei der Hauptinhalt-Spalte.
Also ein Standard-Layout. Die seitliche Margins bei „div#col3“ solltest Du schon so wählen, dass Angaben für Padding oder Margin bei „div#col3_content“ überflüssig werden. So kannst Du „div#col3_content“ zu dem Float auch eine Breite von 100% geben - für mehr Stabilität und Absicherung gegen „Shrink-To-Fit“.

Du willst offensichtlich keine gleich hohe Spalten simulieren. Daher bist Du auf den jetzigen Quellcode und CSS nicht angewiesen. Das aber nur zur Info, falls es Dir eine andere (beliebige) Reihenfolge der Spalten im Quelltext lieber wäre.
Auch nur zur Info: Für Deine Deko-Grafiken brauchst Du keine extra (leere) Elementen.

Grüße: Emil
-----------------------------------------------------------------------------
http://emil-webdesign.net/; CSS-Layouts: Gleich hohe Spalten, Inhalt zuerst. TYPO3-Templates.
ProfilWWW