Label bricht um, wenn Fenstergröße geändert

[Powerslave]

Hallo,

ich mache gerade mit ASP eine Seite, jetzt hab ich folgendes Problem:

Meine Seite wird richtig dargestellt wenn der IE maximiert ist, schaue ich die seite jetz aber verkleinert an werden automatisch in den labels zeilenumbrüche gemacht!

ich hab mal zwei screenshots gemacht damit ihr versteht was ich meine.

hoffe ihr könnt mir sagen woran das liegt und wie ich das wegbekomme.

 

[dkdenz]

Naja, ist ja irgendwie logisch.
Du solltest die Höhenangaben nicht mit festen Werten versehen.

 

[Powerslave]

die Höhenangaben von den Labels?

Wie sollte ichs denn machen?

 

[dkdenz]

Öh, stimmt...wieder mal zu schnell gelesen...sorry.
Dann solltest Du die Wörter fürs Label kurz wählen,
wie's eigentlich auch gedacht war.

 

[Powerslave]

Was meinst du mit kurz wählen?

Muss man doch irgendwie umgehen könnnen oder nicht?

 

[dkdenz]

Labelbeschriftungen sollen einen logischen Bezug zum Element darstellen.

[...]Vergeben Sie keine zu langen Namen. Die Namen dürfen keine Leerzeichen und keine deutschen Umlaute enthalten.[...]

http://de.selfhtml.org/html/formulare/strukturieren.htm#label

Zur Not kannst Du ja Unterstriche ( _ ) statt Leerzeichen benutzen,
dann wird auch nicht umbrochen.

 

[Powerslave]

Meinst du mit Labelbezeichnungen, den Text des Labels oder den Labelnamen?

Ich darf doch wohl im Text leerzeichen und Umlaute schreiben... und beim Namen ist klar das man ein Wort ohne äöü benutzt

 

[dkdenz]

Zur Not kannst Du ja Unterstriche ( _ ) statt Leerzeichen benutzen,
dann wird auch nicht umbrochen.

In Deinem Fall ist ja wohl klar,
das bei Verkleinerung des Fensters der Platz nicht mehr ausreichend ist und bei Leerzeichen umbrochen wird.
Und das kannst Du nur unterbinden, wenn Du Unterstriche statt Leerzeichen nimmst.

 

[dkdenz]

:idea:
Du kannst aber mal versuchen das Label als Blockelement auszuzeichen.
Dann gibst Du dem eine fixe Breite. Ist ungetestet, sollte aber gehen.

label {
 display: block;
 width: 200px;
}

Nachtrag: Geht. Hab's grade ausprobiert...

 

[womstar]

Das ist, denke ich, die beste Lösung eine Breite zu vergeben.
Ich bin mir nicht sicher, aber ich glaube, dass sich das Zitat auf die ID des Formularfeldes bezieht, welche Bezug auf das for-Attribut (Label) nimmt. Ist auch sehr verwirrend geschrieben.

Grüße Robert

 

[dkdenz]

Ich bin mir nicht sicher, aber ich glaube, dass sich das Zitat auf die ID des Formularfeldes bezieht, welche Bezug auf das for-Attribut (Label) nimmt. Ist auch sehr verwirrend geschrieben.

Grüße Robert

Hast recht! :whacky:
Bei diesem Thread war ich eh ein paar mal neben der Kappe.
Aber Problem gelöst.
Display:block und fixe Breite funktioniert.

 

[Powerslave]

Hi,

mit deinem Vorschlag geht's bei mir nicht, da der Browser das label als span bezeichnet,

aber mit span { } geht es.

Danke euch.

 

[dkdenz]

Bitte. War ja auch 'ne schwere Geburt...

 

[Powerslave]

;-) bin recht neu in Webentwicklung, aber dem Chef kann man keinen Wunsch abschlagen