typolight.css und unerklärlich verschobene Elemente

[Snaky]

Hallo!

Ich habe da ein Problem:
Habe mit Firebug jetzt Elemente wo mir angezeigt wird, dass diese auf meine rvfg.css, basic.css und u.A. auch die typolight.css zugreifen:

Nun habe ich aber ein Problem. Ich habe an sich keine typolight.css. Oder ist die grundsätzlich geschützt und nicht aufgeführt?
Habe nämlich das Problem auf http://www.rvfg.de/typolight-system/
dass mein Navi irgendwie nicht oben unter dem Header hängt sondern so um einige Pixel versetzt nach unten.
Aber ich sehe auch mit Firebug nicht woher die Verschiebung kommt.

Glg
Michi

[MacKP]

Hallo Snaky,
für mich sieht diese Zeile ->

<link rel="stylesheet" href="system/typolight.css" type="text/css" media="screen" />

echt stark nach der Datei aus, die du auf keinen Fall hast (der Link funktioniert auch ohne Probleme).

Zusätzlich zeigt mir mein Firebug dies hier an ->

#left  {
margin-top:52px;
}

und das ganze in rvfg.css (Zeile 12), also anscheinend deiner eigenen CSS-Datei.

Daher kommt also die ganze Verschiebung so wie es aussieht.

Wenn du nicht diese Stelle meinst, dann beschreibe bitte genauer was dein Problem ist.

Viele Grüße

[Sarvo]

Hi Michi

welche Navigation meinst du? Die Hauptnavi oder der Breadcrumb ?

Bei der Hauptnavi im #left Bereich , hast du einen margin-top Wert in deiner rvfg.css. Den einfach kleiner machen .

Der kleine weiße Streifen oberhalb deiner Breadcrumb ist vom deiner Headergrafik.

Liebe Grüße

Sarvo

[Snaky]

Nene. Ich meine schon die rechte Hauptnavi.
Jetzt helft mir mal kurz auf die Sprünge: Was genau habt ihr dafür ausgewählt um den Versatz zu sehen?!?
Ich habe hier alle erdenklich möglich auswählbaren Kästchen mal ausgewählt, aber das einzige was er mir jedes mal anzeigt ist .inside{position: relative;text-align:left} für die linke Spalte wo sich das Hauptnavi und die Login-Box befinden.

für mich sieht diese Zeile ->

<link rel="stylesheet" href="system/typolight.css" type="text/css" media="screen" />

echt stark nach der Datei aus, die du auf keinen Fall hast (der Link funktioniert auch ohne Probleme).

Und wieso gibt es die typolight.css nicht bei mir? Ist das schlimm oder sollte ich sie irgendwoher besorgen?

Und damit ich nicht unbedingt ein neues Thema dafür eröffnen muss: Gibt es die Möglichkeit bei TL eine gewisse Mindesthöhe zu definieren, die nur bei Überschreitung dynamisch erweitert wird?

lg

[BugBuster]

Und wieso gibt es die typolight.css nicht bei mir? Ist das schlimm oder sollte ich sie irgendwoher besorgen?

Wie kommst du darauf?
Selbstverständlich gibt es die, direkt aufrufbar:
http://www.rvfg.de/typolight-system/.../typolight.css

So wie es Firebug dir auch anzeigt.

[Snaky]

Achso okay. Also muss ich mal irgendwie suchen bzw. ich habe sie übersehen. Hatte mich nämlich mal per FTP umgeschaut und sie nicht entdeckt und sie ist in TL im BackEnd nicht eingetragen

[Sarvo]

Die typolight.css ist mit dem Seitenlayout "verbunden".
Das heißt in der typolight.css ist dein Seitenlayout umgesetzt.
Also z.B.

--- #header ---
#left | #main
--- #footer ---

Ich habe hier alle erdenklich möglich auswählbaren Kästchen mal ausgewählt, aber das einzige was er mir jedes mal anzeigt ist .inside{position: relative;text-align:left} für die linke Spalte wo sich das Hauptnavi und die Login-Box befinden.

ich versteh nicht so ganz was du meinst. Du kannst bei Firebug, direkt in deinen css dateien nach gewissen selektoren suchen. Also in deinem Fall #left. Damit wirst du ganz schnell auf deinen margin-top Ausdruck stoßen.
Diesen Wert kannst du dann auch temporär über Firebug verändern.

[Snaky]

Ja hat sich erledigt. Dass ich mit Firebug auch suchen kann wusste ich nicht. Aber gut zu wissen. Habe es jetzt gefunden. Wieder etwas schlauer. Das mit dem Versatz ist nun gelöst
Problem war dass ich mir mit Firebug unter dem Reiter HTML alles angeschaut hab und rechts davon waren die Styles angezeigt. Aber es gibt ja noch den Reiter CSS wo dann das drinsteht was ich eigentlich gesucht hab. Und darauf bin ich nicht gekommen...
Danke!