[TYPO3-german] powermail - Tooltips

[Peter Linzenkirchner]

Hallo Tobi, 

danke, ist mir beim ersten Durchsehen gar nicht aufgefallen. 

@ Björn: 

div {
    position: relative; /* nie machen */
    padding: 0px; /* überflüssig */
    border: 0px none; /* überflüssig */
    margin: 0px; /* überflüssig */
    overflow: hidden;  /* nie machen */
}

ist gefährlich ...

Das hier: 
* { 
    padding: 0px;
    margin: 0px;
    outline: none;
}

bringt m. E. auch mehr Nachteile als Vorteile. Dann lieber das hier: 
http://meyerweb.com/eric/tools/css/reset/
Oder die verkürzte Variante von Bootstrap. 

--

overflow:hidden ist bei absolut positionierten Containern an sich belanglos: 
solange der umgebende Container nicht position:relative hat - dann wirkt es plötzlich: 
http://www.lisardo.de/test/meta/test.html
- oberer Container: position:static; overflow:hidden; 
- unterer Container: position:relative; overflow:hidden; 
Aus genau dem Grund gibt man nicht allen DIVs pauschal die Eigenschaft position:relative und schon gar nicht overflow:hidden. Damit werden nicht nur alle Möglichkeiten für position:absolute und position:relative ausgehebelt, sondern auch negative margins sind nicht mehr möglich. 

overflow:hidden ist nur ein Krücke, um das Clearing von floatenden Boxen zu erzwingen. Manchmal durchaus praktisch, aber dann muss es sich auf den umgebenden Container beschränken 

<div style="overflow:hidden">
  <div style="float:left; width:50%>Links</div>
  <div style="float:right; width:50%>Links</div>
</div>
<p>der Text, der nicht mehr floaten soll</p>

Nur der äussere Container sollte overflow:hidden bekommen, damit das System flexibel bleibt. Wenn allerdings die eingeschlossenen Container ein negatives margin brauchen sollten, geht auch das nicht, dann muss anders gecleart werden. 

Gruß
Peter

Am 10.07.2012 um 18:15 schrieb Tobias Liegl:

> Am 10.07.12 11:44, schrieb Björn Hahnefeld:
>> Hallo zusammen,
>> 
>> 
>> 
>> alle Formulare unserer Webpräsenz habe ich mit powermail realisiert. Auf einigen Formularen möchte ich gerne Tooltips einsetzen. So auch auf dieser:
>> 
>> http://www.mp-telekommunikation.de/telekommunikation/formular-o2-on.html
>> 
>> 
>> 
>> Allerdings werden die Tooltips verdeckt. Ich dachte, dass man das mit z-index übersteuern kann. Doch dem ist nicht so. Jedenfalls nicht mit dem CSS, welches ich bisher einsetze:
>> 
> 
> Das Problem ist das "overflow: hidden" beim umschließenden DIV - was bei dieser Seite global für alle DIVs gesetzt wird.
> 
> Beste Grüße
> Tobi
> 
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

--
Xing: http://www.xing.com/profile/Peter_Linzenkirchner
Web: http://www.typo3-lisardo.de
Facebook: http://tinyurl.com/lisardo-multimedia