mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Sa 27.04.2024 14:46 Benutzername: Passwort: Auto-Login

Thema: drop-down-menü erscheint hinter formular vom 17.11.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> drop-down-menü erscheint hinter formular
Seite: Zurück  1, 2
Autor Nachricht
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Di 18.11.2008 11:30
Titel

Antworten mit Zitat Zum Seitenanfang
das ist ein bekanntes ie-problem mit (einigen) formularelementen. text-input vermag ein div noch verdecken, eine selectbox nicht mehr.

die einzige mir bekannte lösung ist, einen iframe in das div zu laden (geht auch ohne js beim seitenaufbau). iframe kann alle formularfelder überdecken.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Ascend
Threadersteller

Dabei seit: 04.09.2008
Ort: Bayern
Alter: 55
Geschlecht: Männlich
Verfasst Di 18.11.2008 11:43
Titel

Antworten mit Zitat Zum Seitenanfang
mit dem iframe hab ich mir auch schon überlegt.
aber bevor ich es kompliziert mache, habe ich das formular neu aufgesetzt und die selectbox an eine andere stelle gesetzt.

was mich noch interessieren würde (hab aber im moment keine zeit zum testen) ob es nur bei den selectboxen so ist oder auch bei checkbox oder radiobuttons.

versteh nur nicht das der ie nicht macht was ich sage Lächel wenn ich die selectbox mit css formatiere und sage die soll laut z-index ganz hinter und das menü ganz nach vorn das der das nicht versteht. oder auch das komplette formular ganz nach hinten bringe mit z-index... naja, der ie wirds nie schaffen.

bin mal gespannt wie es bei css3 wird ^^ welche probleme dann wieder auftauchen.

offtopic: ich finde es schlimm das die browser so unterschiedlich css interpretieren und wir als MGs MÜSSEN uns an an w3c und bekommen noch vorschriften wie man eine seite erstellen muss. von wegen tabellen layout usw.
wobei ich kein tabellen layout kann/könnte XD
  View user's profile Private Nachricht senden
Anzeige
Anzeige
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Di 18.11.2008 11:48
Titel

Antworten mit Zitat Zum Seitenanfang
kompliziert ist das nicht... hier mal ein bsp zum anschauen:

SEITE
Code:

<html>

<head>
   <title>iframe</title>
   <style type="text/css">
      * {
         margin: 0px;
         padding: 0px;
      }
      #deckweiss, #menue {
         width: 150px;
         height: 100px;
         position: absolute;         
         top: 0px;
         left: 60px;         
      }
      iframe {
         height: 100px;
      }
      #deckweiss {         
         overflow: hidden;         
      }
      #menue {
         padding: 5px 0px 5px 25px ;                  
      }
   </style>   
</head>
<body>
<p>
   <form action="#" method="post">
      <select>
         <option>select select</option>
         <option>select select</option>
         <option>select select</option>
         <option>select select</option>
      </select>
   </form>
</p>
   <div id="deckweiss"><iframe src="dw_frame.html"></iframe></div>
   
   <div id="menue">
      <ul>
         <li>punkt 1</li>
         <li>punkt 2</li>
         <li>punkt 3</li>
         <li>punkt 4</li>         
      </ul>
   </div>   
</body>
</html>


dw_frame.html
Code:

<html>

<head>
   <title>spalten</title>
   <style type="text/css">
      body {
         width: 100%;
         height: 100%;
         background-color: #eeeeee;
         margin: 0px;
         padding: 0px;
      }
      
   </style>   
</head>
<body>   
   
</body>
</html>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Ascend
Threadersteller

Dabei seit: 04.09.2008
Ort: Bayern
Alter: 55
Geschlecht: Männlich
Verfasst Di 18.11.2008 12:06
Titel

Antworten mit Zitat Zum Seitenanfang
pixelpapst303 hat geschrieben:
kompliziert ist das nicht... hier mal ein bsp zum anschauen:

...


ja ok, kompliziert ist das auch nicht. ich meine damit, es gibt verschieden lösungen. ob jetzt mit iframe oder javascript, man kommt schon irgendwie ans ziel.
aber bevor ich da rumspiele und schaue welche lösung die bessere ist, schreib ich schnell das formular um, sodass die selectbox woanders ist Lächel
ich fand das als schnellsten weg ...
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Di 18.11.2008 12:10
Titel

Antworten mit Zitat Zum Seitenanfang
Ascend hat geschrieben:
pixelpapst303 hat geschrieben:
kompliziert ist das nicht... hier mal ein bsp zum anschauen:

...


ja ok, kompliziert ist das auch nicht. ich meine damit, es gibt verschieden lösungen. ob jetzt mit iframe oder javascript, man kommt schon irgendwie ans ziel.
aber bevor ich da rumspiele und schaue welche lösung die bessere ist, schreib ich schnell das formular um, sodass die selectbox woanders ist Lächel
ich fand das als schnellsten weg ...


meistens ist der schnellste weg aber nicht der schönste *zwinker* es hatte doch sicher auch layout- und usability-gründe, dass die selctbox an der stelle war? naja, wenns dem in deinem falle keinen abbruch macht, ist wohl auch der "schnellere weg" ok. trotzdem haste hier schon mal eine lösung für den anderen weg *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Ascend
Threadersteller

Dabei seit: 04.09.2008
Ort: Bayern
Alter: 55
Geschlecht: Männlich
Verfasst Di 18.11.2008 12:30
Titel

Antworten mit Zitat Zum Seitenanfang
danke trotzdem für eure hilfe.
und es hat layout- und usability-gründe, aber die konnte ich relativ einfach lösen Lächel
die selectbox ist nicht mehr links sondern rechts. dort ist die navi nicht so lang. und linke seite ist text die den user einleiten in die formularnutzung XD. passt super dahin ...

ich habe auf alle fälle wieder genug stoff mich am wochenende da mal reinzuarbeiten (zuhause Lächel )
sowas lässt mir keine ruhe bis ich nicht den richtigen weg gefunden habe.

ist aber immer wieder schön zu merken das es immer wieder neue probleme gibt die man vorher nicht kannte *g*
man lernt nie aus ...
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Di 18.11.2008 12:34
Titel

Antworten mit Zitat Zum Seitenanfang
Ascend hat geschrieben:
die selectbox ist nicht mehr links sondern rechts. dort ist die navi nicht so lang.


um dir noch mehr stoff fürs we zu geben *zwinker* : bist du sicher, dass die navi dort nicht so lang ist? oder könnte dir ggf mit em-einheiten erstellt sein, und bei vergrößerung für sehschwache doch wieder über die selectbox reichen?? *bäh*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Ascend
Threadersteller

Dabei seit: 04.09.2008
Ort: Bayern
Alter: 55
Geschlecht: Männlich
Verfasst Di 18.11.2008 12:44
Titel

Antworten mit Zitat Zum Seitenanfang
ja kruzefixnochmal... du machts sachen... hab ich ja gar nicht beachtet ^^

aber getestet und funktioniert phu ....
  View user's profile Private Nachricht senden
 
Ähnliche Themen Drop Down Menü
CSS Drop Down Menü
Drop Down Menü
Drop-Down Menü
Art drop down menü?
Problem mit Drop-Down Menü [CSS]
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB