zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Sie haben dieses Thema abonniert Problem mit white-space nowrap

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.12.2010, 21:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.01.2009
Ort: Berlin
Beiträge: 7
automatix befindet sich auf einem aufstrebenden Ast
Standard Sie haben dieses Thema abonniert Problem mit white-space nowrap

Hallo zusammen!

Folgender Sachverhalt...

Es gibt einen HTML-Block (.namecontainer), in dem z.B. Namen (Vorname Nachname) aufgelistet werden sollen. Sie werden jeweils in einem eigenen Block dargestellt (.namecontainer span).

Zitat:
[Vorname Nachname 1] [Vorname Nachname 2]
[Vorname Nachname 3]
Um unschöne Zeilenumbrüche mitten im Namen (also zwischen "Vorname" und "Name") zu vermeiden,

Zitat:
[Vorname Nachname 1] [Vorname
Nachname 2] [Vorname Nachname 2]
habe ich den Namensblöcken white-space: nowrap; gegeben. Das Problem ist, dass es nun gar keine Zeilenumbrücke gibt, auch zwischen den Namensblöcken nicht -- alles wird in einer Zeile dargestellt und läuft über die Grenzen des Containers.

Zitat:
[Vorname Nachname 1] [Vorname Nachname 2] [Vorname Nachname 3]
HTML-Code:
.namecontainer {
	/*background: #9999cc;*/
	float: left;
	width: 50%;
	font-size: 80%;
	line-height: 200%;
}
.namecontainer span {
	background: #ff9900;
	padding: 2px 5px;
	margin: 0 5px;
	line-height: 200%;
	white-space: nowrap;
}
HTML-Code:
<div class="namecontainer">
    <span class="name">Vorname Nachname 1</span>
    <span class="name">Vorname Nachname 2</span>
    <span class="name">Vorname Nachname 3</span>
</div>
Jemand einen Tipp?..

Danke
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 31.12.2010, 13:45
Benutzerbild von mantiz
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.02.2007
Beiträge: 2.843
mantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz sein
Standard

Welcher Browser?

Kannst Du mal einen Testcase zusammenbauen?

Ich hab' mir Deinen Code rauskopiert und es läuft genau so wie es soll im FF 3.6.13 und IE8 im Standard- sowie auch Quirksmode.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 31.12.2010, 14:25
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.01.2009
Ort: Berlin
Beiträge: 7
automatix befindet sich auf einem aufstrebenden Ast
Standard

Gelöst. Es lag am Whitespace zwischen den SPAN-Tags... D.h. das

HTML-Code:
<div class="namecontainer">
    <span class="name">Vorname Nachname 1</span>
    <span class="name">Vorname Nachname 2</span>
    <span class="name">Vorname Nachname 3</span>
</div>
funktioniert und das

HTML-Code:
<div class="namecontainer">
    <span class="name">Vorname Nachname 1</span><span class="name">Vorname Nachname 2</span><span class="name">Vorname Nachname 3</span>
</div>
nicht.

(FF 3.6.13, IE 8.0.7600.16385, Chrome 8.0.552.224)
Mit Zitat antworten
  #4 (permalink)  
Alt 31.12.2010, 16:19
Benutzerbild von mantiz
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.02.2007
Beiträge: 2.843
mantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz sein
Standard

hm, ok, nächstes Mal solltest Du das dann so posten, wie es nicht funktioniert.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit einem 3D-Effekt moep0710 CSS 12 12.06.2010 15:30
Problem mit z-index opa-rudi CSS 16 04.04.2008 18:09
IE7 Problem margin wird ignioriert danliker CSS 7 23.02.2007 14:20
Layout Problem ! Tim25 CSS 2 04.07.2005 13:35
Scrollbares Textfeld mit purem CSS Dancer CSS 6 24.01.2005 16:58


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:13 Uhr.