Anzeige im Firefox vs. Internet Explorer?

Hallo,

ich habe auf meinem Blog einen "Suche"-Button in der Sidebar.

Zitat

<form method="get" action="<?php bloginfo('url'); ?>/index.php">
<input type="text" name="s" size="14" />
<br/>
<input type="submit" id="button" name="Submit" value="suchen" />
</form>

So schaut das in der sidebar.php aus. Ich habe jedoch fesgestellt, dass die Größe des Suchfeldes, in das der Text eingeben wird, im FF und IE unterschiedlich groß ist (im IE bedeutend länger). Kann man das irgendwie vereinheitlichen oder ist das einfach browserabhängig?

Wie macht man die Sidebar widget ready? Habe leider gar keine Ahnung von der ganzen Materie. ;)

Zitat von Dunkelangst

Ich würde mir an deiner Stelle die Sidebar erst einmal widget ready machen und dann die größe des Suchfeldes in der style.css festlegen. In der style.css würde dies z.B. wie folgt aussehen.

Code

#searchform{
    background-color: #f8f8f8;
    border: 1px solid #dad9d4;
    margin: 5px 0px 5px 0px;
    padding: 10px;
}


#searchform input#s{
    background-color: #fff;
    border: 1px solid #f0f1f2;
    color: #333;
    padding: 2px 0px 2px 0px;
        width: 140px;
}


#searchform input#searchsubmit{
    background: #536d88;
    border: 1px solid #3d3d3d;
    color: #fff;
    font-size: 10px;
    margin: 0px;
    padding: 2px;
}

Alles anzeigen

Sowas steht bereits in meiner style.css. Wo genau schraube ich da an der Größe des Suchfeldes herum?

Zitat von funkygog

Eine Anleitung wie man sein Theme Widgetfähig macht:
http://automattic.com/code/widgets/themes/

Englischsprachig.

Edit:
gibt es auch auf deutsch:
http://faq.wordpress-deutschland.org/wie-kann-ich-m…-faehig-machen/

Mein Theme hat offensichtlich keine functions.php. Finde eine solche Datei nur im WP-Includes Ordner.

So Widgets scheine ich vorerst nicht zu brauchen. Bin was WP angeht, recht dünn besetzt und habe keine hohen Anforderungen. Kann es sein, dass die unterschiedliche Größe mit der Breite der Sidebar zusammenhängt? Das Ganze sieht so aus: http://www.oklahoma-od.com

Erklär bitte nochmal für Blöde. ;)
Also es geht nicht um den Button ansich, sondern um das Suche Eningabefenster.

Zitat

HTML

#sidebar form input  {
      width:7em;
}
#sidebar form input#button  {
      width:5em;
}

Die Breiten sind natürlich nur beispielhaft und eingetragen wird das in der style.css . ;)

Ich hab das jetzt so in die style.css eingebaut, allerdings hat sich nichts verändert?!

Ich kann in der style.ccs bei width reinschreiben was ich will, da ändert sich nichts....http://www.weizenwemmser.com/oklahoma/wp-ad…=Falling+Dreams

#searchform input#s{
background-color: #fff;
border: 1px solid #f0f1f2;
color: #333;
padding: 2px 0px 2px 0px;
width: 140px;

Ja mit der Formatierung von koslowski kann ich nun die Größen anpassen. Allerdings sind sie immer noch unterschiedlich groß im Vergleich zw. FF und IE.

http://www.oklahoma-od.com

Der Suche Button ist im IE und FF gleich groß. Jedoch nicht das Eingabefeld. Das ist im IE wesentlich größer. Und genau DAS würde ich ja gern ändern.

Zitat von maxe

also ich seh's im IE7-8 und FF3 gleich groß.

Das ist seltsam. Ich nutze IE 8 und FF 3.5.5. und da ist das weisse Eingabefeld im IE schon merklich breiter.

Das ist meine css.

Zitat

#sidebar form input {
width:8em;
}

#sidebar form input#button {
width:5em;
}

Das ist meine sidebar.

Zitat

<form method="get" action="<?php bloginfo('url'); ?>/index.php">
<input type="text" name="s" size="14" />
<br/>
<input type="submit" id="button" name="Submit" value="suchen" />
</form>

Wie kann es sein, dass das Sucheeingabefeld im IE so viel breiter ist?