PHP Portal » PHP Forum » Entwicklung » Webdesign mit HTML, CSS sowie Javascript » Breite von select Elementen

Breite von select Elementen 

von
the Boss
Zitat
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

Werbung

Re: Breite von select Elementen 

von
the Boss
Zitat
mmh, wenn ich den korrekten Doctype entsorge, dann hat alles die gleiche Breite?

Code
1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Re: Breite von select Elementen 

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

Code
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Re: Breite von select Elementen 

von
the Boss
Zitat
auch dann sind die select kleiner

Re: Breite von select Elementen 

von
Neuling
Zitat
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.

Re: Breite von select Elementen 

von
the Boss
Zitat
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*

Schnellantwort