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@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
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
