Button Größe

[Pèpe #22]

Hallo

Ein weiteres Problem ist, das ich buttons eingefügt habe. Dort steht z.b. Speichern&Weiter drin. Der Button beginnt allerdings nicht vor dem Wort und endet hinter dem Wort, sondern beginnt viel früher und endet später. Das führt dazu das die 4 Buttons die nebeneinander liegen aus dem Rahmen fallen und rechts überstehen.
Einer eine Idee woran das liegen könnte? Desweiteren ist der Abstand vor dem Button unter hinter dem Button nicht überall gleich. Es sieht so aus, als verändert sich der Abstand je mehr in dem Button steht. Das heißt der Abstand bei "Speichern" ist geringer als bei "Speichern&Zurück" oder "Speichern & zur nächsten Seite".

[nimble]

Probiers mal mit den Parametern:

[url:http://de.selfhtml.org/css/eigenschaften/innenabstand.htm]Innenabstand[/url]
[url:http://de.selfhtml.org/css/eigenschaften/randabstand.htm] Aussenabstand[/url]

------------------------------
lieber ein Pinguin der läuft
als ein Fenster das hängt
------------------------------

[Pèpe #22]

Probiers mal mit den Parametern:

[url:http://de.selfhtml.org/css/eigenschaften/innenabstand.htm]Innenabstand[/url]
[url:http://de.selfhtml.org/css/eigenschaften/randabstand.htm] Aussenabstand[/url]

---

lieber ein Pinguin der läuft
als ein Fenster das hängt

Danke erstmal ich füge noch an das das Problem nur beim INternet Explorer uner Mac passiert...

[Pèpe #22]

Also das hat leider nicht geholfen. Das Problem ist ja das wenig ich die Größe des Butons mit width oder heigt angebe, das dann alle Butons diese Größe haben. Das soll aber nicht so sein. Sie sollen sich einfach größentechnisch an die jeweilige Länge des Wortes anpassen...

[Pèpe #22]

Hallo

Das Button Problem ist immernoch nicht behoben. Daher habe ich hier mal einen Screenshot, damit man es besser nachvollziehen kann:

http://img228.imageshack.us/my.php?image=buttonproblemzc1.jpg

Ich denke das Problem wird deutlich. Die HTML Datei besteht nur aus:

<form>
<input type=button
value="Je l&auml;nger der Button desto deutlicher sieht man das Problem"
onClick="self.location='Your_URL_here.htm'">
</form>

<form>
<input type=button
value="kurz"
onClick="self.location='Your_URL_here.htm'">
</form>

<form>
<input type=button
value="mittlere l&auml;nge vom button"
onClick="self.location='Your_URL_here.htm'">
</form>

Die Folge des überdimensionalen Buttons ist, das die Website wenn mehrre Button nebeneinander liegen natürlich sehr stark in die breite gedrückt wird und breiter ist als sie sein sollte.

[Detlef G.]

Hallo Pèpe

Die Folge des überdimensionalen Buttons ist, das die Website wenn mehrre Button nebeneinander liegen natürlich sehr stark in die breite gedrückt wird und breiter ist als sie sein sollte.

Mir fällt auch keine Möglichkeit ein, den IE dazu zu überreden, die Buttons ohne den zusätzlichen Innenabstand anzuzeigen, außer den Buttons mittels CSS eine Breite zu geben.
Wie viele verschieden breite Buttons sind es denn?
Wenn es nicht zu viele sind, könntest du ihnen IDs oder Klassen verpassen und diesen dann die Breite des jeweiligen Textes in em geben.

Müssen es unbedingt Buttons sein?
Anderen Elementen kannst du auch ein onclick geben, und sie lassen sich auch als Schaltflächen formatieren. Sie sehen dann zwar nicht ganz so aus, wie die Buttons, du bist aber wesentlich flexiber in der Gestaltung.

Auf Wiederlesen
Detlef

[Pèpe #22]

Hallo und Danke für die Hilfe... nach einiger Zeit hab ich die Losung im Internet gefunden...

http://jehiah.com/archive/button-width-in-ie

Hier ist der link.

man musste bei google einfach nur eingeben "Internet Explorer Button very long"

(da kommt ja keiner drauf)

von Klawischnigg
"Deine Annahme, daß der Button im Mozilla/Firefox die Breite hat, die er auf Deinem Rechner hat, ist eine ziemlich irrige. Woher willst Du wissen, daß der User keine größere Schrift gewählt hat? (Ist beim IE auch möglich, aber halt nicht so leicht zu realisieren)"

Daher schauen wir hier in verschiedenen Betriebssystem auf verschiedenen Rechnern die optische Umsetzung an und gehen davon aus das Schriftgröße standard ist. Desweiteren ist die Schriftgröße aber auch in der IE bzw. Firefox css bestimmt.

Trotzdem danke für die Hilfe!

[Klawischnigg]

Hallo

Das Button Problem ist immernoch nicht behoben. Daher habe ich hier mal einen Screenshot, damit man es besser nachvollziehen kann:

http://img228.imageshack.us/my.php?image=buttonproblemzc1.jpg

Erstens kannst Du dem Button an sich einen Breite geben, sowas von in der Art  style="width:380px";

aber zweitens:

Deine Annahme, daß der Button im Mozilla/Firefox die Breite hat, die er auf Deinem Rechner hat, ist eine ziemlich irrige. Woher willst Du wissen, daß der User keine größere Schrift gewählt hat? (Ist beim IE auch möglich, aber halt nicht so leicht zu realisieren)
Dein Problem ist ein typisches Scheinproblem: Ein "Webdesign", daß sich auf die bestimmte Größe von einzelnen Elementen verläßt, ist ein ziemlicher Pfusch. Die Darstellung von Inhalten in einem Browser ist einmal etwas ganz anderes als die Darstellung in irgendwelchen Layoutprogrammen oder gar auf gedruckten Medien. Nachdem Du es nicht kontrollieren kannst, hast Du auch keine Ahnung, wie Dein "Design" auf einem anderen System wirklich aussieht; also ist es am besten, es so zu wählen, daß die Länge von Buttons oder ähnlichem nicht wirklich eine Rolle spielt...