Shoutbox zerstört das Layout
am 12.09.2008 - 20:39 Uhr in
Hallo!
Vorweg, ich bin Amateur. Ich versuche zur Zeit ein Layout komplett auf CSS aufzubauen und bin soweit, dank guter Tutorials, auch sehr zufrieden.
Das Layout ist simpel:
Header
Sidebar | Content
Im Sidebar, ich benutze hier nur den Linken, ist ein selbsterstellter Block und es soll der Block des Shoutbox
Moduls auch dort dargestellt werden.
Sobald ich den Shoutbox-Block aktiviere, zerhackt es mir das Layout. Da ich das selbe Layout auch schonmal umgesetzt habe, allerdings mit Tabellen, und es dort funktioniert, nehme ich an, dass es irgendwo im Stylesheet hängen muss.
Ich hab mal 2 Screenshots gemacht:
Erst ohne aktivierte Shoutbox:
und mit:
Sidebar ist inline, Content ist float:right, so entnahm ich es dem Tutorial. Aber wie gesagt, ich bin auf dem Gebiet Neuling, darum verzichte ich soweit ersteinmal auf weitere Details. Ich liefere gerne alles nach, was eventuell zur Lösung beiträgt.
Solange verbleibe ich mit Dank fürs Lesen und für die Mühe im Vorraus.
Kai
- Anmelden oder Registrieren um Kommentare zu schreiben
Keine Aussage
am 12.09.2008 - 21:05 Uhr
Anhand der Grafiken kann man so überhaupt keine Aussage machen, nur das das Layout zerhauen wird, aber das hast du schon selber gemerkt.
Hilfreich wäre der Quelltext und die CSS Styles. Kann man sich das online ansehen?
Der Contentbereich hat zu
am 12.09.2008 - 21:52 Uhr
Der Contentbereich hat zu wenig Platz. Anscheint verschafft sich die Shoutbox zu viel Margin/width
----------------------------------------
Alle Angaben ohne Gewähr!!:D
http://www.tobiasbaehr.de/
Da kam ein Prediger und sagte:
am 12.09.2008 - 22:30 Uhr
Da kam ein Prediger und sagte: Nimm Firefox mit Firebug und Du hast die Change seelig zu werden.
-------------
quiptime
Nur tote Fische schwimmen mit dem Strom.
Gut, den Verdacht hatte ich
am 12.09.2008 - 22:30 Uhr
Gut, den Verdacht hatte ich auch, leider finde ich nirgends eine entsprechende Anweisung.
Selbst wenn ich den Contentbereich auf 1px reduziere ändert sich nichts.
Anderseits habe ich das Gefühl, das die Shoutbox quasi die ganze Aufteilung neu definiert und den Sidebarbereich zur Referenz macht, aber wie gesagt, die shoutbox.css gibt für mich nichts her und wenns irgendwo in den Moduldateien versteckt ist, dann weiß ich einfach nicht wonach ich suchen soll, und ich such schon 2 tage.
Ich habe mal die wesentlichen Daten, bzw. was ich dafür halte, hochgeladen, vielleicht hilft das.
Wenn sich das nicht lösen lässt ist es zwar nicht dramatisch, aber mich macht das echt fuchsig, vorallem, weil ich es ja gerne lernen und verstehen möchte.
Die .zip Datei ist hier zu finden (250kb):
http://www.roo-jaw.de/drupalcss.zip
Gruß
Vermutungen
am 12.09.2008 - 22:33 Uhr
Der Contentbereich hat zu wenig Platz. Anscheint verschafft sich die Shoutbox zu viel Margin/width
Das denke ich nicht. Da der Content-Bereich ein float:right bekommen hat, sollte er logischerweise im Quelltext vor der Sidebar stehen. Würde es zutreffen was du vermutest, würde die Sidebar unter dem Content erscheinen.
Wie schon oben geschrieben, kann man genauere Angaben nur anhand der Dateien machen. Ich kann lediglich auch Vermutungen äußern.
quiptime schrieb Da kam ein
am 12.09.2008 - 22:40 Uhr
Da kam ein Prediger und sagte: Nimm Firefox mit Firebug und Du hast die Change seelig zu werden,
Hütet euch vor den falsch schreibenden Propheten! ;-)
--
Webseiter
Weite der Sidebar
am 12.09.2008 - 22:42 Uhr
So, danke für das posten der Dateien. Erstmal folgendes und wahrscheinlich die Lösung: Du hast der Sidebar eine Weite von 175 Pixel gegeben, die Shoutbox hat aber eine Weite von 210 Pixel. Das kann so natürlich nicht funktionieren. Werde zwar noch weiter suchen, denke aber das es das war.
Hütet Euch vor dem Unwissenden.
am 12.09.2008 - 22:49 Uhr
Da kam ein Prediger und sagte: Nimm Firefox mit Firebug und Du hast die Change seelig zu werden,
Hütet euch vor den falsch schreibenden Propheten! ;-)
Change
-In der Informationstechnik bezeichnet ein Change Request einen Antrag auf Änderung oder Erweiterung einer vorhandenen Spezifikation bzw. eines Produkts. Die Durchführung dieses Antrags wird Change genannt.
-In der Organisationsentwicklung wird damit eine Veränderung bzw. Veränderungsprozess bezeichnet.
Hütet Euch vor dem Unwissenden. :-)
-------------
quiptime
Nur tote Fische schwimmen mit dem Strom.
Beinahe schön rausgeredet,
am 12.09.2008 - 22:51 Uhr
Beinahe schön rausgeredet, hätte man in der deutschen Sprache nicht den Fallstrick mit dem Geschlecht :P
--
Webseiter
3 englische Begriffe und erklärende deutsche Füllwörter
am 12.09.2008 - 23:02 Uhr
Man kann es auch anders betrachten: Ein Satz mit 3 englischen Begriffen und erklärenden deutschen Füllwörtern.
Wie ist der? :-)
-------------
quiptime
Nur tote Fische schwimmen mit dem Strom.
mindestens 210 Pixel
am 12.09.2008 - 23:06 Uhr