CSS Problem bei Firefox und IE

[svenh]

Hallo ich habe folgendes Problem ich habe auf einer Webseite eine Suchfunktion eingebaut und im Firefox wird dies alles richtig und ohne Probleme angezeigt leider macht der IE ab Version 7 zicken kann man anhand des Codes den ich hier bereitstelle sagen ob hier der Fehler liegt?

Auszug aus der HTML Datei :

http://i52.tinypic.com/2h2qp05.jpg]


Anzeige im Firefox:




Anzeige im IE




CSS Auszug zum Feld Suchbegriff :



CSS Auszug zum Button mit der Lupe




Ich bitte euch mir zu helfen . Bitte fragt nicht nach der URL zur Seite oder weiteren Auszügen aus Dateien dies ist mir leider nicht möglich öffentlich zu stellen. Die frage ist ob man anhand der bereits bereitgestellten Dateien den Fehler erkennen kann und wenn ja an was es liegt. Vielleicht hat ja auch einer eine Idee an was es sonst liegen könnte falls man den Fehler hier nicht erkennt.

Vielen Dank

Sven

 

[alogheo]

Nehme bei dem Submit-Buton das value="Suche starten" raus, um den Text wegzubekommen und nehm auch ma position:absolute und top:41px raus. Und füge dem .type-button auch noch ein float:right hinzu.

 

[svenh]

wenn ich das mach sieht es im firefox so aus :



und im IE so :

 

[PORTAL]

Hallo Svenh,
Ich würde das in einem <div> Verpacken, oder, die beiden in der Reihenfolge vertauschen. Das mit der Reihenfolge kann man auch in einem <div> ausprobieren. Hatte mal so das Problem gelöst.

PORTAL

 

[svenh]

was meinst du damit ? was würdest du in einem div verpacken ? Leider ist die Vorgabe alles oder zumindestens das meißte in CSS zu machen !

 

[PORTAL]

Ich meine, deine beiden <div> Tags zu einem zu vereinen, und in dem die <input> Tags zu vertauschen:

<div id="divSuchen">
    <input id="btnSubmit" />
    <input id="idSuche" />
  </div>

CSS dazu:
  div#divSuchen{
    float:right;
  }
  div#divSuchen input#btnSubmit{
    float:right;
    weiter alles was im deinem .type-button input block war
  }
  div#divSuchen input#idSuche{
    float:right;
    weiter alles was im deinem .tupe-text input block war
  }

Dadurch, dass <input>- Button als erster im Quellcode steht wird er als erster rechts posicioniert, weiterhin wird <input>-Text rechts drangehängt, und zwar links vom Botton, da rechts ja kaein platz mehr gibt.
PORTAL

EDIT: Wenn nichts hilft kann man immer noch eine Tabelle zur Posizionierung benutzen.