Hallo,
ich habe 2 Fragen:
1.FRAGE:
--------
Ich habe ein halbtransparentes Bild über einen Text gelegt.
<div style="position:absolute;left:0%;top:0%;width:100%;height:100%;max-width:100%;max-height:100%;overflow:auto;">
Ich bin ein ganz ganz langer Text mit vielen Hyperlinks...
</div>
<div style="position:absolute;left:0%;top:0%;width:20%;height:100%;">
<img src="bilder/bild1.gif" width="100%" height="100%">
</div>
Das klappt auch wunderbar, und der Text scheint auch durch die transparenten Flächen hindurch, nur kann man (was auch logich ist) auf KEINE Hyperlinks klicken, da das Text-Div ja unter dem Bild-Div liegt.
Nun die Frage. Gibt es dafür irgendwelche Abhilfen oder muss ich damit leben?
2.FRAGE:
--------
<divs> in <divs>
<div style="position:absolute;left:200px;top:0px;height:100%;">
<div style="position:absolute;left:0%;top:0%;width:100%;height:100%;max-width:100%;max-height:100%;overflow:auto;">
Ich bin ein ganz ganz langer Text mit vielen Hyperlinks...
</div>
<div style="position:absolute;left:0%;top:0%;width:20%;height:100%;">
<img src="bilder/bild1.gif" width="100%" height="100%">
</div>
<div style="position:absolute;left:20%;top:20%;width:70%;height:70%;">
<img src="bilder/bild2.gif" width="100%" height="100%">
</div>
</div>
Die Frage habe ich schoneinmal gestellt, aber ich habe trotz der damaligen Hilfe keine Lösung gefunden. Da ja (height:100%) kein valider CSS-Code sein soll (auch wenn im selfhtml-tutorial was anderes drin steht) zeigt der Browser nichts an, da der äußere Div-Kontainer leer ist.
Abhilfe schafft einfach ein <hr> gleich nach dem ersten div, aber nur beim IE, Firefox&CO stellen sich gegen diesen Workaround.
Was ich möchte ist ein Außenkontainer der vom linken Rand 200px entfernt ist und den gesamten Rest des Browserfensters einnimmt und eine Möglichkeit beliebige Innenkontainer in %-Werten (relativ) (wie oben beschrieben) zu diesem Außenkontainer zu positionieren.
Wie kann man das machen?
PS: Den Außenkontainer im Textfluss zu lassen und die Innenkontainer mit "relativ" zu positionieren funktionierte bei mir nämlich leider nicht.
Vielen Dank
Pomplito