phpbar.de logo

Mailinglisten-Archive

[php] [OT] Breite eines Labels mittels CSS im Firefox

[php] [OT] Breite eines Labels mittels CSS im Firefox

Sebastian Mendel lists at sebastianmendel.de
Don Apr 6 14:19:42 CEST 2006


-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

Steffen Kother schrieb:
> Hallo Leute,
> 
> Thema ist zwar OT aber ihr macht ja auch mit (X)HTML rum...
> 
> Ich habe ein DIV-Tag mit eingebettetem LABEL-Tag und INPUT-Tag. Soweit 
> passt mir und dem FF wie auch dem IE alles.
> 
> Da ich aber unterschiedlich lange Labels habe, möchte ich sie mittels 
> CSS auf eine Länge/Breite festsetzen, sieht auch schöner aus. Im IE ist 
> es schön 25 mm breit aber im Firefox passiert nix. Und ja, ich habe 
> mehrmals den Browsercahce geleert und auch andere Masseinheiten genomen, 
> es tut sich im FF nix. Aber den IE kann man ja nciht als Referenz 
> nehmen, er macht sowie so was man ihm sagt.
> 
> Kann ich mittels CSS einem Label eine Breite vorgeben oder wie muss ich 
> es andersweitig anstellen? Besten Dank schonmal für eure Hilfe.

dazu musst auch das display auf block umstellen

das ist aber ehrlich gesagt ein ganz schönes gemehre, und du musst es
fasst für jedes Formular anpassen, zwecks Schrift/Text-Länge

Wenn du etwas 'allgemeineres' suchst wären Tabellen hierfür geradezu
prädestiniert

<fieldset>

<table>
<tr><th><label for="name">Name</label></th>
    <td><input id="name" type="text" /></td></tr>
<tr><th><label for="email">E-Mail</label></th>
    <td><input id="email" type="text" /></td></tr>
...
</table>

</fieldset>

Und bevor jetzt jemand was gegen Tabellen-Layout sagt: Formulare sind
Datenabfragen und Daten werden nunmal (meißt) in Tabellen dargestellt.
Passt also auch semantisch.

Per CSS kannst du dann einfach der Tabelle sagen das z. B. th Schrift
rechts angeordnet hat und die input eine 100% breite haben.


- --
Sebastian Mendel

www.sebastianmendel.de
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1.4.2.2 (MingW32)

iD8DBQFENQdeX/0lClpZDr4RArhNAJ9ti4DElTxjyN+MF4dJoQ1JZDBBegCgj1AR
5mlytzlo9pF5oGLYpsKf3W0=
=my3J
-----END PGP SIGNATURE-----

php::bar PHP Wiki   -   Listenarchive