nicht angemeldet
Hallo liebe Forum-Gemeinde,
wenn ich eine Blockelement-Schachtelung habe, also z.B. <div><div></div></div>,
und das Kind- das Elternelement überlappt, also z.B. einen größeren
height-Wert hat, dann passt der IE die Größe des Eltern- der des Kindelements an.
Das will ich nicht. Es soll so aussehen, wie in anderen Browsern bei dem
overflow-default-Wert "visible".
Dachte, 1 Std googlen sei mehr als ausreichend, eine Lösung zu finden, aber
alle Tipps, die ich fand, waren entweder, position:absolute oder jquery zu
verwenden. Nun will ich aber weder meine Elemente aus dem Fluss ziehen (dann
trockneten sie zu schnell aus), noch auf jquery zurückgreifen müssen.
Wahrscheinlich ist dieses overflow-IE-Problem vielen bekannt, s.d. ich sehr
optimistisch bin, hier schnell Hilfe zu bekommen :-}
Vielen Dank,
ie sucks
___
Bitte nur weiterlesen, wenn Du gerade nicht weißt, wie Du Deine Zeit totschlagen sollst ;)
Ein zweites CSS-Problem: opacity-Wert wird an Kindelemente vererbt.
Die "Lösungen", die ich ergooglet hab, sind: das Kindelement
zur Adoption freigeben (absolut positionieren) oder (im Falle von Bildern)
auf png zurückgreifen.
Bei mir geht es um eine form in einer div (beide "Lösungen" kommen nicht in
Frage).
Mein bisheriger Ansatz: Ein Vorgänger-Kindelement einbauen, diesem den
opacity-Wert zuschreiben und anschließend das "eigentliche" Kindelement nach
oben verschieben:
Bsp.:
<div style="background: transparent;">
<div style="position: relative; height: 100px; background-color: green; opacity: 0.8;"></div>
<form style="position: relative; top: -100px;">
//...
</form>
</div>
Ist diese Lösung gut? Oder gibt es noch eine deutlich bessere, von der ich
nichts weiß - bzw. verursacht meine irgendwelche Probleme, die ich nicht erahne?
Danke für's Zeit-Nehmen :) Lieben Gruß