problem div hinter input feld

manuel · #1 (**permalink**) 23.03.2006, 20:30

hi,

normal sollte das div UNTER das input feld es wird aber im internet explorer direkt dahinter angezeigt, obwohl div doch ein block element ist und daher wie im mozilla richtig unter dem input feld angezeigt werden. ich habe folgendes gemacht:

die css anweisung

Code:

<style type="text/css">
.as_results {
  position: absolute;
  height: 200px;
  overflow:auto;
  z-index:5;
  border : 1px solid #000;
  margin-top : -1px;
}
.as_input {
  border: 1px solid #0000a9;
  vertical-align : middle;
  
}
</style>
<input class="as_input"><div class="as_results"></div>

so beim mozilla gibt das einen sauberen umbruch im internet explorer wird das div nach dem input angezeigt. evtl. ist es wichtig zu wissen das sowohl div als auch input per createElement mit javascrit erzeugt werden.

was ich nicht möchte:
- eine lösung wie: mach doch nen BR rein :P... am besten was css mässiges

danke!!

heiko_rs · #2 (**permalink**) 23.03.2006, 20:53

Gib doch mal etwas HTML-Code dazu, das würde die Lösungsfindung erleichtern

Der betreffende Code-Ausschnitt reicht bereits.

Schöne Grüße,
Heiko

manuel · #3 (**permalink**) 23.03.2006, 21:08

wie er reicht bereits?

es geht darum das der internet explorer den div direkt nach dem input anzeigt. und um ds zu sehen reicht der code

weil mit diesem code zeigt der internet explorer eine schwarze linie nach dem blauen input an.
der mozilla firefox zeigt eine schwarze linie unter dem blauen input an, so wie es sein soll.

mhhm aja ein display: block; für den input ist auch nicht so das wahre ... weil dann elemente nach dem input umgebrochen werden +g+

<input><div></div><input type="submit">

-> anezgiegt:

<input><input type"submit">
<div></div>

funktioniert im mozilla im IE nicht.

heiko_rs · #4 (**permalink**) 23.03.2006, 21:19

Stimmt, da hing ja bereits der betreffende HTML-Schnipsel dran, hatte ich übersehen

Mit diesen Ausschnitten zeigt's aber auch der IE untereinander an! Ich habe zwar momentan nur 5.5 installiert (zum Überprüfen meiner Websites inkl. CCs), aber der IE 6 dürfte es dann auch nicht anders machen.

manuel · #5 (**permalink**) 23.03.2006, 21:26

bei mir eben leider schon:

http://www.ey3.de/manu/test/manu.php

heiko_rs · #6 (**permalink**) 23.03.2006, 22:19

Wozu hast Du position: absolute;? Ohne geht es.

derHund · #7 (**permalink**) 23.03.2006, 22:42

hallo threadstarter! bitte poste nicht in jeden forum, das ich lese. dejavus hab ich schon genug.

alexo · #8 (**permalink**) 24.03.2006, 11:49

der ie hat manchmal so seine tücken wenn man keinen inhalt in den div bereich einfügt!

probierst mal so

<div></div>

*ungetestet*

mazzo · #9 (**permalink**) 24.03.2006, 11:56

Zitat:

Zitat von alexo

Da stellt sich dann die Frage nach dem Sinn dieses Containers.

BlakkCooper · #10 (**permalink**) 06.12.2007, 12:34

@mazzo
layout gründe?

außerdem und überhaupt: WAYNE?!
kann er doch machen wie er will und wenn er 10000 leere, unformatierte div's reinpackt. is nich deine webseite!

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Div 100%-X Höhe Problem, ohne absolute Positionierung	xblax	CSS	8	28.10.2010 01:02
Problem mit 3 Spalten Div	stipo	(X)HTML	5	04.10.2010 09:27
Problem mit einem 3D-Effekt	moep0710	CSS	12	12.06.2010 14:30
DIV height Problem (100%)	digitalyzer	CSS	5	24.02.2009 11:34
Problem mit DIV im DIV (height: 100%)	code_pilot	CSS	2	20.02.2006 19:33