Ergebnis 1 bis 3 von 3

Thema: Position Problem im IE7, Firefox und IE8 funktioniert

  1. #1
    Unregistriert
    Gast

    Standard Position Problem im IE7, Firefox und IE8 funktioniert

    Hallo,

    ich habe ein Problem.


    Ich habe 2x2 Bilder die per mouseover ausgeblendet werden sollen und anstelle der 4 Bilder ein Bild eingeblendet werden soll...
    Das wird über die visibility gelöst...

    Im Firefox und IE8 funktioniert es.

    Im IE7 nicht, niedrigere konnte ich leider nicht testen...


    Hier der Code:
    CSS
    Code:
    .allpics {width:250px; height:188px; z-index:6; position:absolute;}
    .bild1 {width:125px; height:94px; float:left; z-index:5; position:relative;}
    .bild1g {width:250px; height:188px; z-index:8; visibility:hidden; position:absolute; border:solid 2px #000;}
    .bild2 {width:125px; height:94px; float:left; z-index:5; position:relative;}
    .bild2g {width:250px; height:188px; z-index:8; visibility:hidden; position:absolute; border:solid 2px #000;}
    .bild3 {width:125px; height:94px; float:left; z-index:5; position:relative;}
    .bild3g {width:250px; height:188px; z-index:8; visibility:hidden; position:absolute; border:solid 2px #000;}
    .bild4 {width:125px; height:94px; float:left; z-index:5; position:relative;}
    .bild4g {width:250px; height:188px; z-index:8; visibility:visible; position:absolute; border:solid 2px #000;}
    HTML
    Code:
    		<div class="allpics" id="allpics">
            <div class="bild1g" id="bild1g"><a href="level1.htm" title="Gleitringdichtungen"><img src='gleitringdichtungen-1.png' border='0' onmouseout='javacript:verstecke1()' /></a></div>
            <div class="bild2g" id="bild2g"><a href="level1.htm" title="Gleitringdichtungen"><img src='gleitringdichtungen-2.png' border='0' onmouseout='javacript:verstecke2()' /></a></div>
            <div class="bild3g" id="bild3g"><a href="level1.htm" title="Gleitringdichtungen"><img src='gleitringdichtungen-3.png' border='0' onmouseout='javacript:verstecke3()' /></a></div>
            <div class="bild4g" id="bild4g"><a href="level1.htm" title="Gleitringdichtungen"><img src='gleitringdichtungen-4.png' border='0' onmouseout='javacript:verstecke4()' /></a></div> 
    			<div class="bild1" id="bild1" onmouseover="javascript:zeige1();"><a href="level1.htm" title="Gleitringdichtungen"><img src="gleitringdichtungen-1_klein.png" border="0" /></a></div>
                
        		<div class="bild2" id="bild2" onmouseover="javascript:zeige2();"><a href="level1.htm" title="Gleitringdichtungen"><img src="gleitringdichtungen-2_klein.png" border="0" /></a></div>
                
    			<div class="bild3" id="bild3" onmouseover="javascript:zeige3();"><a href="level1.htm" title="Gleitringdichtungen"><img src="gleitringdichtungen-3_klein.png" border="0" /></a></div>
                
    			<div class="bild4" id="bild4" onmouseover="javascript:zeige4();"><a href="level1.htm" title="Gleitringdichtungen"><img src="gleitringdichtungen-4_klein.png" border="0" /></a></div>
                  		  
          </div>
    Die 4 Bilder sind genau nebeneinander und zusammen so groß wie eines, so erziele ich das ein Bild alle 4 überdeckt.


    Nur im IE7 wird es nicht überdeckt sondern wird es daneben angezeigt...
    Also an der Oberkante des 4ten Bild.

    Bug:


    Richtig (eines überblendet alle 4):



    Beispiellink: http://hausladc.ha.funpic.de/Hovertest/
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Macrosdesign
    Gast

    Standard AW: Position Problem im IE7, Firefox und IE8 funktioniert

    ich frage mich gerade was anderes... und zwar... warum du das mit javascript machst ?? das geht doch auch per css ??? oder seh ich das falsch ?

  3. #3
    König(in) Avatar von NyctalusNoctula
    Registriert seit
    07.08.2006
    Beiträge
    1.316
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Position Problem im IE7, Firefox und IE8 funktioniert

    mach aus dienen 2 Bildern ein Bild und verscheibe das mit css per maouseover so, dass immer nur ein Teil zu sehen ist.

Ähnliche Themen

  1. homepage funktioniert in firefox nicht
    Von behindcrimetape im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 22.09.2007, 18:57
  2. Antworten: 3
    Letzter Beitrag: 19.05.2007, 20:56
  3. JavaScript-Problem: RollOver funktioniert nicht im firefox
    Von BazenPe im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 14.09.2005, 09:39
  4. Webseite funktioniert mit FireFox nicht!
    Von WaterFox im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 30.07.2005, 20:25
  5. Javascript funktioniert nicht auf Firefox
    Von g-mikee im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 22.06.2005, 02:09

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •