1. Dashboard
  2. Forum
    1. Unerledigte Themen
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team-Mitglieder
    4. Trophäen
    5. Mitgliedersuche
  4. Tutorial Bereich
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Lexikon
  • Erweiterte Suche
  1. Informatik Forum
  2. Webmaster & Internet
  3. Entwicklung

Suchfunktion "springt" im Internet Explorer herum

    • Frage
  • xeraa
  • 1. Mai 2006 um 19:21
  • Unerledigt
  • xeraa
    5
    xeraa
    Mitglied
    Punkte
    205
    Beiträge
    36
    • 1. Mai 2006 um 19:21
    • #1

    ich kämpfe wieder einmal mit dem IE :(.

    auf http://www.unet.univie.ac.at/~a0425706/php/test/index.php könnt ihr folgendes problem sehen:
    unterhalb vom menü habe ich die suchfunktion. wenn ich mit der maus über ein unterelement im menü fahre (biogasanlage), dann springt die suche nach unten und wenn ich wieder über ein übergeordnetes element fahre, springt es wieder zurück. mit opera und firefox macht es das nicht, nur im internet explorer (6.0 und 7beta2). hoffe es kann mir wer helfen, weil ich nicht draufkomme, wie ich es ihm austreiben kann :winking_face:

    code menü:

    Code
    <div id="menu">
    	<ul id="navlist">
    		<li id="a"><a href="./index.php" title="home">home</a></li>
    		<li id="b"><a href="./lebensmittel_biotechnologie.php" title="lebensmittel- &amp; biotechnologie">lebensmittel- &amp; biotechnologie</a></li>
    		<li id="c"><a href="./produktentwicklung.php" title="produktentwicklung">produktentwicklung</a></li>
    		<li id="d"><a href="./verfahrenstechnik.php" title="verfahrenstechnik">verfahrenstechnik</a></li>
    		<li id="e"><a href="./energiesysteme.php" title="energiesysteme">energiesysteme</a></li>
    		<li>
    			<ul id="subnavlist">
    				<li id="ea" class="subnavlist"><a href="./biogasanlage.php" title="biogasanlage">biogasanlage</a></li>
    			</ul>
    		</li>
    		<li id="f"><a href="./impressum.php" title="impressum">impressum</a></li>
    		<li id="g"><a href="./kontakt.php" title="kontakt">kontakt</a></li>
    		<li id="h"><a href="./sitemap.php" title="sitemap">sitemap</a></li>
    	</ul>
    	<form id="search-form" method="post" action="suchen.php">
    		<p>
    			<label id="suchen" for="search" title="Suchen auf gradient.at">suchen:
    				<input type="text" maxlength="32" size="10" name="search" id="search" value="" title="Suchbegriff bitte hier eingeben."/>
    				<input type="submit" value=">" class="button"/>
    			</label>
    		</p>
    	</form>
    </div>
    Alles anzeigen

    dazu CSS:

    Code
    #menu{
    	float:left;
    	width:235px;
    	margin:20px 0 0 10px;
    	padding:0;
    }
    #navlist{
    	margin:0;
    	padding:0;
    	border:0;
    	width:195px;
    	color:inherit;
    	background-color:#ffffff;
    	font:11px verdana,sans-serif;
    	text-align:left;
    }
    #navlist li{
    	list-style:none;
    	border:1px solid #ffffff;
    }
    #navlist a{
    	color:#990000;
    	background-color:inherit;
    	text-decoration:none;
    	display:block;
    	border-left:6px solid #a0a0a0;
    	border-bottom:1px solid #a0a0a0;
    	padding:4px 0 4px 8px;
    }
    #navlist a:hover{
    	color:#ffffff;
    	background-color:#a0a0a0;
    	border-color:#990000;
    }
    #subnavlist a{
    	border:0;
    	border-right:0.8em solid #a0a0a0;
    	padding:3px 5px 3px 0;
    	text-align:right;
    }
    body#seca #menu li#a, body#secb #menu li#b, body#secc #menu li#c, body#secd #menu li#d, body#sece #menu li#e, body#secea #menu li#ea, body#secf #menu li#f, body#secg #menu li#g, body#sech #menu li#h{
    	color:#ffffff;
    	background-color:#990000;
    }
    body#seca #menu li#a a, body#secb #menu li#b a, body#secc #menu li#c a, body#secd #menu li#d a, body#sece #menu li#e a, body#secea #menu li#ea a, body#secf #menu li#f a, body#secg #menu li#g a, body#sech #menu li#h a{
    	color:#ffffff;
    	background-color:inherit;
    	font-weight:bold;
    	border-color:#a0a0a0;
    	cursor:text;
    }
    #menu form{
    	font:13px verdana,sans-serif;
    	text-align:left;
    	margin:0;
    	padding:20px 0 15px 20px;
    }
    Alles anzeigen

    Der Student geht solange zur Mensa, bis er bricht.

    http://xeraa.net

  • xeraa
    5
    xeraa
    Mitglied
    Punkte
    205
    Beiträge
    36
    • 2. Mai 2006 um 19:31
    • #2

    falls auch jemand das lustige problem hat, so schaut die lösung aus (browserweiche)

    Code
    <!--[if lte IE 6]>
    		<style type="text/css">#navlist li{height:0;} #navlist a{width:100%;}</style>
    	<![endif]-->
    	<!--[if IE 7]>
    		<style type="text/css">#navlist li{height:100%;}</style>
    	<![endif]-->

    Der Student geht solange zur Mensa, bis er bricht.

    http://xeraa.net

  • Maximilian Rupp 27. Dezember 2024 um 12:06

    Hat das Thema aus dem Forum Programmieren nach Entwicklung verschoben.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden

Benutzer online in diesem Thema

  • 1 Besucher

Rechtliches

Impressum

Datenschutzerklärung