[TYPO3-german] Menüs stellt einen Abstand zwischen den Bildern? clear:both?

[Peter Linzenkirchner]

Hallo Jochen,

es ist letztlich das gleiche Problem wie beim guestbook, zu dem ich  
dir das gleiche schon mal geantwortet habe:

du hast zwei Spalten, die linke floatet nach links, während die rechte  
spalte nicht floatet:

<div>
<div style="float:left>Menü</div>
<div>Hauptinhalt</div>
<div>

Bei die ist die linke ein <ul>, aber das ist egal.
Wenn sich jetzt im Hauptinhalt ein clear:left befindet, so rutscht  
dieses immer unter den Inhalt der linken Spalte, das ist  
unvermeidlich, da ein vorgegebenes Prinzip: clearing in nicht  
floatenden Spalten sind in den standard-konformen Browsern absolut  
(nicht im IE, dort existiert das Problem nicht). Das Problem bei  
Typo3: Die Inhaltselemente von Typo3 verwenden clear:both inflationär,  
das bedeutet, dass dieses Problem immer auftreten wird, solange du ein  
ähnliches Grundraster und css_styled_content verwendest. Es gibt nur  
zwei Möglichkeiten:

Aus den Stylesheets von css_styled_content alle clear:left rausnehmen  
und ersetzen durch overflow:hidden
(was aber dazu führt, dass der IE nicht mehr richtig anzeigt; er muss  
deshalb in einem Conditional Comment die clear:left wieder bekommen).
So löse ich das Problem mittlerweile.

oder folgendes Gerüst aufbauen:

<div>
<div style="float:left>Menü</div>
<div><div style="float:left">Hauptinhalt</div></div>
<div>

Also im nicht floatenden Container der Hauptspalte eine floatende Box.  
So löst YAML für Typo3 das Problem.

Hier ist eine Erläuterung des Clearing und des generellen Problems  
eines globalen Clearing:
http://www.yaml.de/de/dokumentation/grundlagen/funktionsweise-von-floats.html

und hier die Diskussion im YAML-Forum, in dem die Frage und die  
möglichen Lösungen diskutiert werden:
http://forum.yaml.de/index.php?topic=133.msg397#msg397

Hinweis: die Lösung hat mit YAML letztlich nichts zu tun, und der  
Bezug auf Typo3 3.8 ist auch irrelevant - hier geht es um das  
problematische clear:both in css_styled_content, das in Version 4.2  
immer noch so ist, wie es in dieser Diskussion war.

Ich habe die Lösung hier genauer beschrieben:
http://p18458.typo3server.info/Templates-patchen.39.0.html

Für Yaml war diese Lösung noch nicht ausreichend, für dein Problem  
müsste es gehen.

Viele Grüße
Peter




Am 10.06.2008 um 20:24 schrieb Jochen Graf:

> Susanne Moog schrieb:
>> Hi Jochen,
>>
>> Jochen Graf wrote:
>>
>>> ich habe auf dieser Webseite
>>>
>>> http://www.grafjochen.de/82.0.html
>>>
>>> Bilder eingefügt, jedoch enstehen zwischen diesen Abstände. Wenn  
>>> ich das
>>> Menü deaktivere dann bekomme ich den Abstand weg.
>>> Ich denke mir, dass ein float daran schuld ist, aber ich finde  
>>> nicht die
>>> Stelle an der ich evtl. ein clear:both setzten muss. Hat jemand  
>>> einen Tipp?
>>>
>>
>> stell mal das DIV#textbereich auf float:left und pass die margin an.
>> Dann könnte es gehen.
>>
>> Viele Grüße,
>>
>> Susanne
>> _______________________________________________
>> TYPO3-german mailing list
>> TYPO3-german at lists.netfielders.de
>> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german
>>
>>
>>
> Hallo Susanne,
>
> danke für deine Antwort, hatz aber leider so hingehauen, werde mal ein
> anderes Layout nehmen.
>
> LG Jochen
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german
>

-- 
-----------------------------------------------
Lisardo Multimedia GmbH
Herrenbachstraße 19, 86161 Augsburg
Tel. ++49-821-150565, Fax ++49-821-150595
http://www.lisardo.biz/
info at lisardo.de

Geschäftsführer: Peter Linzenkirchner
Amtsgericht Augsburg, HRB 14435
-----------------------------------------------