Ergebnis 1 bis 8 von 8

Thema: Probleme mit dem z-index und opacity im IE7

  1. #1
    HTML Newbie
    Registriert seit
    10.08.2009
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Probleme mit dem z-index und opacity im IE7

    Hallo Leute ich habe ein Problem an dem ich schon seit 2 Tagen sitze und ich komme einfach nicht weiter!

    Ich habe ein Eingabefeld für die suche, und wenn dort etwas eingetippt wird werden suchvorschläge angezeigt via Drop Down.

    Das ganze soll dann so aussehen:


    und so sieht es im IE aus:


    Ich bin mit meinem Latein am Ende also bitte helft mir

    Danke schonmal im Vorraus
    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
    webdesigner
    Gast

    Standard AW: Probleme mit dem z-index und opacity im IE7

    gib mal dem dropdown display: block;

    poste mal ein Link oder code
    Geändert von webdesigner (10.08.2009 um 13:55 Uhr)

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    10.08.2009
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Probleme mit dem z-index und opacity im IE7

    Zitat Zitat von webdesigner Beitrag anzeigen
    gib mal dem ausgabefeld display: block;
    funktioniert auch nicht

    Zitat Zitat von webdesigner Beitrag anzeigen
    poste mal ein Link oder code
    darf ich leider nicht, ich könnte dir höchstens ein paar code snippets per PN schicken

  4. #4
    webdesigner
    Gast

    Standard AW: Probleme mit dem z-index und opacity im IE7

    Zitat Zitat von Clockwork Beitrag anzeigen
    funktioniert auch nicht


    darf ich leider nicht, ich könnte dir höchstens ein paar code snippets per PN schicken

    ich meinte dem dropdown, vielleicht kannst es ja so realisieren. Ansonsten vielleicht weiß wer anders noch was.

    HTML-Code:
    <div class="info">
    Infotext
    <p>Hier der text bei mausüberfahren</p>
    </div>
     
    css
     
    .info p {
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    width: 315px;
    height: auto;
    background: #000000;
    border: 4px inset #C0C0C0;
    font-size: 13px;
    font-family: candara;
    padding: 7px;
    }
    .info:hover p {
    display: block;
    }
    du spiegelst die vorschläge ja dann bestimmt mit z-index: 1; hervor, dann probiers mal mit dem infofeld

  5. #5
    Unregistriert
    Gast

    Beitrag AW: Probleme mit dem z-index und opacity im IE7

    das ist kein :hover die vorschläge werden via Javascript ausgegeben deswegen geht das so leider nicht, aber trotzdem vielen Dank!

    das ganze sieht ungefähr so aus:
    Code:
    <div class="tx-macinasearchbox-pi1">
          <form method="get" action="/programm/index.php/factfinder/" name="search_mini_form" id="search_mini_form">
              <fieldset>
              <legend>Seiten durchsuchen</legend>
              <div class="mini-search">
              <span>Suche</span>
              <input value="" name="q" class="input-text" autocomplete="off" id="search" type="text">
              <input alt="Suchen" src="/programm/skin/frontend/default/hogrefe/images/hogrefe_blau_icon_arrow_large.gif" type="image">
              <div style="position: absolute;">
              <div style="display: none;" class="suggestLayer" id="suggestLayer">
              <table class="suggestLayer" onmousedown="suggest.handleClick();" width="100%" border="0" cellpadding="0" cellspacing="0">
                  <tbody>
                       <tr>
                          <td>Suchergebnis</td>
                          <td>Kategorie</td>
                       </tr>
                  </tbody>
              </table>
              </div>
              </div>
              </div>
              </fieldset>
        </form>
    </div>

  6. #6
    HTML Newbie
    Themenstarter

    Registriert seit
    10.08.2009
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Probleme mit dem z-index und opacity im IE7

    Zitat Zitat von Unregistriert Beitrag anzeigen
    das ist kein :hover die vorschläge werden via Javascript ausgegeben deswegen geht das so leider nicht, aber trotzdem vielen Dank!

    das ganze sieht ungefähr so aus:
    Code:
    <div class="tx-macinasearchbox-pi1">
          <form method="get" action="/programm/index.php/factfinder/" name="search_mini_form" id="search_mini_form">
              <fieldset>
              <legend>Seiten durchsuchen</legend>
              <div class="mini-search">
              <span>Suche</span>
              <input value="" name="q" class="input-text" autocomplete="off" id="search" type="text">
              <input alt="Suchen" src="/programm/skin/frontend/default/hogrefe/images/hogrefe_blau_icon_arrow_large.gif" type="image">
              <div style="position: absolute;">
              <div style="display: none;" class="suggestLayer" id="suggestLayer">
              <table class="suggestLayer" onmousedown="suggest.handleClick();" width="100%" border="0" cellpadding="0" cellspacing="0">
                  <tbody>
                       <tr>
                          <td>Suchergebnis</td>
                          <td>Kategorie</td>
                       </tr>
                  </tbody>
              </table>
              </div>
              </div>
              </div>
              </fieldset>
        </form>
    </div>
    Oh da war ich wohl nicht eingeloggt

  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    10.08.2009
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Probleme mit dem z-index und opacity im IE7

    So ich hab die Lösung!

    Ich musste dem übergeordnetem Div ein position:relitive und einen entsprechenden z-index geben und dazu noch ein overflow:visible!

    Vielen Dank für die Hilfe

  8. #8
    HTML Newbie
    Themenstarter

    Registriert seit
    10.08.2009
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Probleme mit dem z-index und opacity im IE7

    Also nun doch noch ein Problem zu diesem thema!

    Ganz merkwürdig unter Windows Vista und IE 7(7.0.6002) funktioniert es so wie es soll, aber unter Windows XP und IE 7(7.0.5730) klappt das Menü nicht mal auf, ist also gar nicht zu sehen, kann sich das jemand erklären?

Ähnliche Themen

  1. css3 opacity nur für hintergrund
    Von SpeedFire im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 06.01.2009, 14:32
  2. <div> Probleme mit z-index und FF
    Von LoLeedo im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 18.07.2008, 18:46
  3. Opacity, nur wo?
    Von Alienx im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 23.11.2007, 22:16
  4. z-Index Probleme mit Netscape
    Von Chris1505 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 08.08.2007, 16:34
  5. index.php , wieder probleme.....
    Von gelöschter User im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 6
    Letzter Beitrag: 06.11.2004, 11:59

Stichworte

Berechtigungen

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