php2all Webdesign &
Programmierung

So,

nu habe ich mal ein Problem, und auf die Schnelle keine Lösung.
Ich habe einige Eingabefelder, also input, textarea und select.
Die textarea sind genaus breit wie die input Felder, nur die select
Dropdowns fallen aus dem Rahmen, oder umgekehrt.

Auf jeden Fall sind bei einer prozentualen Breitenangabe die textareas
und die input Felder genau 8 Pixel breiter als die select Dropdowns.
Die 8 Pixel ergeben sich aus 1 Pixel Rahmen und 3 Pixel padding.

Die Dropdowns reagieren aber nicht genau so wie die anderen
Elemente, d. h. verbreitern sich, wenn man ein padding angibt.

Jemand eine Idee, wie ich die Dropdowns auf die gleiche Breite
bekomme, ohne dabei die prozentuale Breitenangabe zu verlieren?

Danke

PS: Screenshoot des Problems im Anhang

mmh, wenn ich den korrekten Doctype entsorge, dann hat alles die gleiche Breite?

Würde daraus zurückschließen das sich XHtml anderes verhält als Html. Schon mal einen Html Doctype gesetzt.

auch dann sind die select kleiner

Entuell hilft ja ein Css Reset. Ich bin nicht so der Html Css Freak aber entuell könnte es ja helfen. Es stellt alle Default Werte wieder auf Null zurück.

Diesen sollte man eigentlich immer machen ganz am Anfang der Css Anweisung.
Verhindert auch das die Darstellung je nach Browser unterschiedlich dann sind.

Aber dann nicht vergessen das man den Elementen wieder einen Wert zuweist.

Mfg.

ganz oben steht bei mir immer drin

* { padding: 0; margin: 0; border-collapse: collapse; }

sollte eigentlich erstmal alles auf Null stellen.

Hab aber gerade auch gemerkt, wenn kein Doctype angegeben ist,
kann der IE mein CSS Menü nicht mehr, da dort inline-block
verwendet wird *grrrr*