Text/Formularfeld in Div mittig IE Problem

[privateradio]

Hallo,

schaut mal:

Flautato.com :: Index

Könnt ihr im Footer die "Quick Search" Abfrage sehen. Ich bekomm das Eingabefeld nicht mittig in den Footerbalken rein. Zumindest nicht so, dass es in jedem Browser gleich aussieht. Vor allem im Internet Explorer.

Der Footer sieht folgendermaßen aus:

<div class="bottom_balken"><div style="float:left; margin:auto; padding-top:5px;">{QUICK_SEARCH}</div><div style="display: inline;"><span style="float:right; padding-right:16px;">&nbsp; <img src="templates/subSilver/c_images/icon_newwindow.gif" style="padding-right: 8px;" height="11" width="11"> Contact &nbsp; | &nbsp;
  <a href="http://flute.neonbox.de/flute/impressum/impressum.html" target="_blank" style="font-family: Arial; color: rgb(154, 141, 144); font-weight: normal;">Impress</a> &nbsp; | &nbsp; Copyright © 2010 - 2011 <b>Flautato.com</b>. All rights
  reserved.</span></div></div>

stylesheet

.bottom_balken{
    position:fixed;
    height:30px;
    background-color: #2c2e31;
    bottom:0px;
    width: 100%;
    font-size: 11px;
    font-family: arial;
    line-height: 32px;
    color: #9f8f92;
    padding-left: 0px;
    margin: auto;
    background-image:url('c_images/bg_footer.gif');
    overflow: hidden;
    border-top: 1px solid #000000;

Hier noch das Suchfeld an sich

// Quick Search
$quick_search = "
<table border=\"0\">
<form action=\"./search.php?mode=results\" method=\"post\">
<tr class=\"nosearch\">
<td class=\"nosearch\"><input type=\"text\" width=\"500\" name=\"search_keywords\" class=\"searchclass\" value=\"".$lang["Quick_Search"]."\" onFocus=\"this.value=''\"></td>
<td class=\"nosearch\"><INPUT class=\"go\" TYPE=\"submit\" BORDER=\"0\" value=\"".$lang["Quick_Search_Go"]."\" ALT=\"Submit\" class=\"post\" accesskey=\"s\"></td>
<input type=\"hidden\" name=\"searchuser\" value=\"\">
<input type=\"hidden\" name=\"search_forum\" value=\"-1\">
<input type=\"hidden\" name=\"search_author\" value=\"\">
<input type=\"hidden\" name=\"search_time\" value=\"0\">
<input type=\"hidden\" name=\"search_cat\" value=\"-1\">
<input type=\"hidden\" name=\"sort_by\" value=\"0\">
<input type=\"hidden\" name=\"search_fields\" value=\"all\"> 
<input type=\"hidden\" name=\"show_results\" value=\"posts\">
<input type=\"hidden\" name=\"retrun_chars\" value=\"-1\">
</td>
</tr>
</form>
</table>";

 

[threadi]

Du hast da unten ein div mit den CSS-Eigenschaften

float: left; margin: auto;

Änder das in

margin: auto;width: 200px;

und es wird zentriert. Du müsstest dann auch die Breite an die von dir gewünschte Breite für das Feld + Button eintragen. Wenn Du dann noch rechts diese Concact, Impressum etc. haben willst, müsstest Du dieses absolut rechts positionieren.

Alternative:
Genau andersrum. Für das Feld + Button absolute Positionierung verwenden und Concact etc. floaten.

Hintergrund:
Zentrierung und floaten zusammen auf einer Zeile ist manchmal etwas biestig.

Hinweis: ich hatte dir an anderer Stelle schonmal gesagt, dass Du deinen HTML-Code aufräumen solltest. Sieht immernoch seltsam aus. Mit diesen Fehlern kann es durchaus zu Fehldarstellungen kommen.