Problem mit linker Spalte

[loser007]

Hallo ich habe ein Problem mit der linken Spalte, die bei mir versetzt angezeigt wird, so wie etwa hier "https://community.contao.org/de/showthread.php?6231-typolight-css-und-unerkl%E4rlich-verschobene-Elemente&p=42209&viewfull=1"
ich kann den wert "margin top 52" zwar mit firebug korrigieren aber nicht speichern.

kann mir jemand sagen in welcher css datei der wert liegt, damit ich ihn dann mit einem editor ändern und speichern kann.

ich danke schon mal im voraus.

[ciaobello]

Das wir Dir sagen wie das genau heisst, was Du ändern musst, wird schwierig ohne Link.

Wenn Du die Klasse oder die ID ja schon ändern kannst mit dem entsprechenden wert, dann kannst Doch auch grad auf den Namen der CSS Klicken oben Rechts im selben Bereich wo Du die ID/Klasse änderst. Dann Siehst Du die Ganze CSS und suchst die im Internen CSS Editor oder falls die Dateien extern eingebunden sind mit Deinem Editor.

Kleiner Trick, damit Du den Richtigen Namen Deiner CSS ausfindig machen kannst. Schreibe ganz oben über die Kommentarfunktion der richtige CSS Name rein. Dann kannst Du wenn du auf den "kryptischen" css name klickst ganz nach oben scrollen und siehst in welcher css nach gucken musst.

[Oppa]

Ich will das Thema noch einmal aufgreifen, da es bei der Suche nach "#right #left versetzt" am ehesten gefunden wird.
Ich habe ein ganz jungfräuliches Layout. Die einzigen css-Formatierungen sind die für einen Rahmen. Dann wurde etwas hineingeschrieben. Das ist alles.
Das Resultat gefällt mir nicht. Wie kann ich den Versatz herausnehmen?
Siehe http://http://www.fitznerweb.org/layouttest.html

Viele Grüße aus Bredow

Klaus-Peter

[MacKP]

Hallo Oppa,
das liegt einfach an den Rahmen, die du allem gegeben hast. Wenn du die raus nimmst, dann ist da kein Versatz mehr.

Liegt einfach am box-sizing.
Kannst du also auch anders lösen, mit border-box.

Hier mal mehr Infos: http://www.peterkroener.de/schoenes-...ss-box-sizing/

Viele Grüße

[Oppa]

Danke, MacKP,

ist aber schade, dass so 1 Pixelchen solche Auswirkungen hat. Danke für den Link. Werd ich mal durcharbeiten.

Viele Grüße

Oppa

[planepix]

Das solltest du passgenau dann hinbekommen, wenn du mit der Methode wie MacKP beschrieben hat arbeitest oder wenn du bei einer festen Breite dann die Breite des Randes abziehst. Die border-box-Methode ist auf jeden Fall zukunftsorientierter.

[tab]

Kannst die Border notfalls den .inside divs zuweisen, dann ändert sich die Größe von#main, #left und #right nicht durch die Border, die .inside divs werden dadurch dann halt entsprechend schmäler. So 1 Pixelchen kann noch wesentlich dramatischere Auswirkungen haben an der passenden Stelle. Deswegen, entweder alles mit border-box machen oder Hände weg von border, padding usw bei den Spalten selbst. Immer auf die .inside divs anwenden.

[Oppa]

Hallo tab,

habe die border und background.color bei #main, #left und #right ihren .inside zugewiesen, jetzt ist es annehmbar.
Siehe http://www.fitznerweb.org/layouttest.html

Vielen Dank, werde mir trotzdem die anderen Vorschläge noch reinziehen.

Viele Grüße, Oppa

[tab]

Genau für solche Probleme sind die "inside" divs gemacht. Wenn man mit border-box arbeitet, bräuchte man die nicht unbedingt. Ist halt die "traditionelle" Lösung, border-box íst die "modernere" Alternativlösung für das Problem, eine Border oder ein Padding setzen zu können, ohne dass es das Layout zusammenbrechen lässt. Und das dann möglichst auch noch in Pixel bei prozentualer Breite des Layoutbereichs.

[Oppa]

Jetzt habe ich das, was ich eigentlich wollte. #main eine feste Breite zu geben ist nicht glücklich ausgegangen.
Jetzt kann ich das Problem als endgültig gelöst betrachten.
Vielen Dank für eure Hilfe.
http://http://www.fitznerweb.org/layouttest.html

Ich bin neidisch auf diesen Editor. Habe schon einige Versuche unternommen, bringt aber nichts mit Version 4. Welche Version von TinyMCE ist das?
Oppa