2 Fragen: Bild über Text und Breite von divs

[Pomplito]

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

[schwarze Piste]

Tachchen!

Gibt es dafür irgendwelche Abhilfen oder muss ich damit leben?

Letzteres.

Da ja (height:100%) kein valider CSS-Code sein soll

Es ist valider _CSS_-Code!

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.

Umgekehrt:
#außen {margin: 0 0 0 200px; position:relative;}
.innen {position:absolute;}

Gruß

Die schwarze Piste

[Ashura]

Hallo Pomplito.

Nun die Frage. Gibt es dafür irgendwelche Abhilfen oder muss ich damit leben?

z-index?

Da ja (height:100%) kein valider CSS-Code sein soll

Wer behauptet das? (div != table)

zeigt der Browser nichts an, da der äußere Div-Kontainer leer ist.

Du scheinst eine Vorliebe für die schwer verdauliche div-Suppe entwickelt zu haben.

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.

Schon einmal mit margin versucht?

Gruß, Ashura