leeren div-container ansprechen

15.04.2005, 12:33

Hi Leute,

folgendes Problem:
Ich habe einen div-container, in dem ein bild und weitere divs enthalten sind. hier mal der aufbau:

Code:

<div>
    <img>
    <div></div>
    <div></div>
        .
        .
        .
</div>

ich mache das aus folgendem Grund: ich möchte bereiche innerhalb des bildes ansprechbar machen, eigentlich mit einer imagemap zu lösen, allerdings kann man <area>s leider imho nicht css-formatieren. Also mache ich es so: ich gebe dem ersten div eine feste höhe/breite (die des bildes), zeichne das bild hinein und lege die divs auf das bild, um so etwas wie eine "pseudo-imagemap" zu erhalten, wo ich die einzelnen zellen auch mit rändern, hintergründen, etc. versehen kann. Soweit die Theorie. Die Praxis läuft auch super im Firefox, doch leider nicht im Internet Explorer. Da kann man die divs, die ja leer sind nicht ansprechen, es sei denn man gibt ihnen einen inhalt (text) oder einen hintergrund, was ausser frage steht, da man das bild noch sehen können soll. ich hoffe mal ihr versteht was ich meine... hier könnt ihr euch das ganze anschauen:

http://www.adria-net.de/komisch/1.html => div's ohne hintergrund (wie's sein soll!)
http://www.adria-net.de/komisch/2.html => div's mit hintergrund (...)

ich habe es auch schon mit transparenten gif's probiert zu lösen, geht aber auch nicht. im internet explorer gibt es wohl noch die möglichkeit filter:alpha() oder sowas zu benutzen, allerdings möchte ich das nur im äußersten notfall...

hoffe es gibt unter euch schon erfahrungen und/oder ideen zu dem thema.

beste grüße

15.04.2005, 12:40

Hi,

du kannst mal versuchen einen Platzhalter einzufügen. Vielleicht gehts ja dann. Eine andere Idee wäre "background-color: transparent" zu machen.

mfg koelle

15.04.2005, 12:46

Hab ich beides schon versucht.
Bei der -Lösung gibt es folgendes Problem: der onmouseover-handler führt sich NUR! bei einem mouseover über das leerzeichen selber aus, nicht aber bei einem mouseover über den rest des containers...
transparent ändert soweit leider auch nichts...

15.04.2005, 13:04

sonst noch ideen? *hoff*

18.04.2005, 11:04

So, hab jetzt leider keine Lösung aber ein Workaround gefunden. Dazu muss allerdings ein Browsercheck involviert werden...

Im InternetExplorer funktioniert's, wenn man das Bild nicht per [img][/img] einbindet, sondern per css (background-image:url()). Im Firefox funktionierts besser per <img>.

Nicht optimal, aber es geht.
Sollte jedoch einer noch ne bessere Lösung finden, immer her damit

danke und tschüß

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[CSS] Container in Container	Igäl	HTML, Usability und Barrierefreiheit	5	04.09.2007 11:29
CSS - Bild im div container überlappt andere container	Buschdieb	HTML, Usability und Barrierefreiheit	13	19.07.2007 23:17
IE6: Container mit Float dabei wird margin doppelt gewertet	DonTermi	HTML, Usability und Barrierefreiheit	1	11.01.2007 09:02
Formular in Hauptfenster auf iframe ansprechen	R.E.M.	HTML, Usability und Barrierefreiheit	2	24.09.2006 15:33
Problem mit Container	max-dhom	HTML, Usability und Barrierefreiheit	3	20.09.2006 11:10
Unsichtbares Formularfeld mit Javascript ansprechen	mAy^daY	HTML, Usability und Barrierefreiheit	6	13.08.2006 21:25
[CSS] Div container unsichtbar machen	I-Spy	HTML, Usability und Barrierefreiheit	24	05.03.2006 09:37
CSS: Verschachtelter Container und Text danach		HTML, Usability und Barrierefreiheit	2	01.12.2005 10:00
Ist das Leeren von Feldern sinnvoll?		Datenbanken	7	15.10.2005 20:39
[Erledigt] Container im Firefox falsch dargestellt		HTML, Usability und Barrierefreiheit	27	15.08.2005 23:18
&lt;div&gt;- container vertikal auf seite zentrieren		HTML, Usability und Barrierefreiheit	3	08.05.2005 11:16
container mit tabelle rechts aufklappen		HTML, Usability und Barrierefreiheit	10	01.04.2005 12:25
[Erledigt] Tabelle leeren		Datenbanken	1	03.01.2005 19:52
In leeren Feldern tauchen auf einmal Daten auf		PHP Tipps 2004-2	2	15.12.2004 22:27
Tägl. Datenbank leeren		PHP Tipps 2004	7	05.07.2004 21:06

15.04.2005, 12:33
Gast Beiträge: n/a	leeren div-container ansprechen Hi Leute, folgendes Problem: Ich habe einen div-container, in dem ein bild und weitere divs enthalten sind. hier mal der aufbau: Code: <div> <img> <div></div> <div></div> . . . </div> ich mache das aus folgendem Grund: ich möchte bereiche innerhalb des bildes ansprechbar machen, eigentlich mit einer imagemap zu lösen, allerdings kann man <area>s leider imho nicht css-formatieren. Also mache ich es so: ich gebe dem ersten div eine feste höhe/breite (die des bildes), zeichne das bild hinein und lege die divs auf das bild, um so etwas wie eine "pseudo-imagemap" zu erhalten, wo ich die einzelnen zellen auch mit rändern, hintergründen, etc. versehen kann. Soweit die Theorie. Die Praxis läuft auch super im Firefox, doch leider nicht im Internet Explorer. Da kann man die divs, die ja leer sind nicht ansprechen, es sei denn man gibt ihnen einen inhalt (text) oder einen hintergrund, was ausser frage steht, da man das bild noch sehen können soll. ich hoffe mal ihr versteht was ich meine... hier könnt ihr euch das ganze anschauen: http://www.adria-net.de/komisch/1.html => div's ohne hintergrund (wie's sein soll!) http://www.adria-net.de/komisch/2.html => div's mit hintergrund (...) ich habe es auch schon mit transparenten gif's probiert zu lösen, geht aber auch nicht. im internet explorer gibt es wohl noch die möglichkeit filter:alpha() oder sowas zu benutzen, allerdings möchte ich das nur im äußersten notfall... hoffe es gibt unter euch schon erfahrungen und/oder ideen zu dem thema. beste grüße


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

15.04.2005, 12:40
Gast Beiträge: n/a	Hi, du kannst mal versuchen einen Platzhalter einzufügen. Vielleicht gehts ja dann. Eine andere Idee wäre "background-color: transparent" zu machen. mfg koelle

15.04.2005, 12:46
Gast Beiträge: n/a	Hab ich beides schon versucht. Bei der -Lösung gibt es folgendes Problem: der onmouseover-handler führt sich NUR! bei einem mouseover über das leerzeichen selber aus, nicht aber bei einem mouseover über den rest des containers... transparent ändert soweit leider auch nichts...

15.04.2005, 13:04
Gast Beiträge: n/a	sonst noch ideen? hoff

18.04.2005, 11:04
Gast Beiträge: n/a	So, hab jetzt leider keine Lösung aber ein Workaround gefunden. Dazu muss allerdings ein Browsercheck involviert werden... Im InternetExplorer funktioniert's, wenn man das Bild nicht per [img][/img] einbindet, sondern per css (background-image:url()). Im Firefox funktionierts besser per <img>. Nicht optimal, aber es geht. Sollte jedoch einer noch ne bessere Lösung finden, immer her damit danke und tschüß